float message box above

Termina · Aug 7, 2024 · d8d4a57 · d8d4a57
1 parent 887c719
commit d8d4a57
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 2 deletions.
diff --git a/calcit.cirru b/calcit.cirru
diff --git a/compact.cirru b/compact.cirru
@@ -40,6 +40,7 @@
                             div
                               {} $ :class-name style-more
                               <> "\"Streaming..." $ str-spaced css/font-fancy
+                    =< nil 200
                   comp-message-box (>> states :message-box)
                     fn (text d!) (submit-message! cursor state text d!)
                   when dev? $ comp-reel (>> states :reel) reel ({})
@@ -106,7 +107,8 @@
         |style-message-box $ %{} :CodeEntry (:doc |)
           :code $ quote
             defstyle style-message-box $ {}
-              "\"&" $ {} (:position :relative) (:max-width 1200) (:width "\"100%") (:padding "\"8px") (:margin :auto)
+              "\"&" $ {} (:position :absolute) (:bottom 0) (:opacity 0.9) (:max-width 1200) (:width "\"100%") (:right "\"50%") (:padding "\"8px") (:margin :auto) (:transition-duration "\"300ms") (:transform "\"translate(80%,0)")
+              "\"&:focus-within" $ {} (:opacity 1) (:transform "\"translate(50%,0)")
         |style-message-list $ %{} :CodeEntry (:doc |)
           :code $ quote
             defstyle style-message-list $ {}