pixel + overlay

onyx-dot-app · Jan 22, 2025 · a8a5bb6 · a8a5bb6
1 parent 596ae39
commit a8a5bb6
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/web/src/app/chat/message/AgenticMessage.tsx b/web/src/app/chat/message/AgenticMessage.tsx
@@ -535,7 +535,8 @@ export const AgenticMessage = ({
                           ) : (
                             secondLevelAssistantMessage && (
                               <Badge
-                                className="cursor-pointer mt-[4px]"
+                                // NOTE: This is a hack to make the badge slightly higher
+                                className="cursor-pointer mt-[1px]"
                                 variant="agent"
                                 onClick={() => {
                                   const viewInitialAnswer =

diff --git a/web/src/app/chat/message/SubQuestionsDisplay.tsx b/web/src/app/chat/message/SubQuestionsDisplay.tsx
@@ -408,7 +408,7 @@ const SubQuestionDisplay: React.FC<{
                         Analyzing
                         <ChevronDown
                           className={`transition-transform duration-200 ${
-                            !analysisToggled ? "" : "-rotate-90"
+                            analysisToggled ? "" : "-rotate-90"
                           }`}
                           size={8}
                         />

diff --git a/web/src/app/globals.css b/web/src/app/globals.css
@@ -320,6 +320,22 @@
   border-radius: 10px;
 }
 
+.nextjs-portal {
+  display: none !important;
+  visibility: hidden !important;
+  opacity: 0 !important;
+  width: 0 !important;
+  height: 0 !important;
+  overflow: hidden !important;
+  position: absolute !important;
+  pointer-events: none !important;
+  clip: rect(0, 0, 0, 0) !important;
+}
+
+.nextjs-portal * {
+  display: none !important;
+}
+
 .dark-scrollbar::-webkit-scrollbar-thumb:hover {
   background: transparent;
   /* background: theme("colors.scrollbar.dark.thumb-hover"); */