UX: add styling for floating topic button edge cases (#32)

discourse · Aug 8, 2024 · a59f844 · a59f844
1 parent 3031d57
commit a59f844
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/desktop/desktop.scss b/desktop/desktop.scss
@@ -127,6 +127,18 @@
   bottom: 30px;
   right: 50px;
   z-index: z("composer", "content") - 1;
+
+  .chat-drawer-active & {
+    z-index: z("chat-drawer") - 1;
+    bottom: 60px;
+  }
+
+  @media screen and (max-width: 1520px) {
+    body:has(#reply-control.draft.show-preview) & {
+      bottom: 60px;
+    }
+  }
+
   background-color: var(--tertiary);
   color: var(--secondary);
   white-space: nowrap;