buffer: Review status buffer style.

source/buffer.lisp

@@ -901,13 +901,12 @@ Also see `panel-page'."))
               :margin-left "-10px")
             `("#container"
               :display "flex"
-              ;; Columns: controls, url, tabs, modes
               :justify-content "space-between"
               :overflow-y "hidden")
             `("#controls"
               :background-color ,theme:secondary
               :color ,theme:on-secondary
-              :padding-left "10px"
+              :padding-left "8px"
               :overflow "hidden"
               :white-space "nowrap"
               :z-index "3"
@@ -918,10 +917,6 @@ Also see `panel-page'."))
               :margin-left "-8px")
             `("#reload"
               :width "24px !important")
-            `("#controls > button:hover"
-              :background-color ,theme:accent
-              :color ,theme:on-accent
-              :opacity "1.0")
             `("#url"
               :background-color ,theme:primary
               :color ,theme:on-primary
@@ -935,6 +930,9 @@ Also see `panel-page'."))
               :flex-grow "3"
               :flex-shrink "2"
               :flex-basis "144px")
+            `("#url button"
+              :text-align "left"
+              :width "100%")
             `("#tabs"
               :background-color ,theme:secondary
               :color ,theme:on-secondary
@@ -952,9 +950,8 @@ Also see `panel-page'."))
             `("#tabs::-webkit-scrollbar"
               :display "none")
             `(".tab"
-              :background-color ,theme:background
+              :background-color ,theme:background-
               :color ,theme:on-background
-              :opacity 0.6
               :display "inline-block"
               :margin-top "1px"
               :padding-left "18px"
@@ -967,9 +964,6 @@ Also see `panel-page'."))
               :font "inherit"
               :outline "inherit"
               :clip-path "polygon(calc(100% - 10px) 0, 100% calc(50% - 1px), 100% 50%, 100% calc(50% + 1px), calc(100% - 10px) 100%, 0% 100%, 10px calc(50% + 1px), 10px 50%, 10px calc(50% - 1px),  0% 0%)")
-            `(".tab:hover"
-              :opacity 0.8
-              :cursor "pointer")
             `("#modes"
               :background-color ,theme:primary
               :color ,theme:on-primary
@@ -990,18 +984,16 @@ Also see `panel-page'."))
               :padding 0
               :font "inherit"
               :outline "inherit")
-            `(.button.action
+            `((:and (:or .button .tab "#url") :hover)
+              :cursor "pointer"
               :background-color ,theme:action
               :color ,theme:on-action)
-            `((:and .button :hover)
-              :cursor "pointer"
-              :opacity 0.6)
-            `((:and .button (:or :visited :active))
-              :color ,theme:background)
+            `((:and (:or .button .tab) :active)
+              :background-color ,theme:action-
+              :color ,theme:on-action)
             `(.selected-tab
-              :color ,theme:on-background
-              :opacity "1.0 !important"
-              :background-color ,theme:background))))
+              :background-color ,theme:background+
+              :color ,theme:on-background))))
   (:export-class-name-p t)
   (:export-accessor-names-p t)
   (:export-predicate-name-p t)

source/changelog.lisp

@@ -909,6 +909,11 @@ Nyxt version exists.  It is only raised when the major version differs.")
           (:nxref :command 'nyxt/mode/prompt-buffer:toggle-attributes-display)
           " and behavior of UI elements relying on it."))))
 
+(define-version "3.X.Y"
+  (:nsection :title "UI/UX"
+    (:ul
+     (:li "Simplify status bar CSS. Make URL area clickable."))))
+
 (define-version "4-pre-release-1"
   (:li "When on pre-release, push " (:code "X-pre-release")
        " feature in addition to " (:code "X-pre-release-N") "one."))