From 74483605c8544e2b2be6d7df5b8768adc3c19b75 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Sat, 18 May 2024 21:41:12 +0300 Subject: [PATCH] Update userChrome.css for firefox v126 Fixing search bar slight movement down on press for Firefox v126.x update. --- userChrome.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index ba0ab95..33686b1 100644 --- a/userChrome.css +++ b/userChrome.css @@ -343,6 +343,9 @@ Order of Toolbars var(--firefoxcss-top-bar-border-bottom-color) !important; } +/* Some random 0.01px(???) line removed (Firefox v126.0)*/ +#nav-bar { border-top: 0px !important; } + /*===================================================================== ======================= H E I G H T F I X E S ======================= =====================================================================*/ @@ -472,6 +475,7 @@ about:config -> svg.context-properties.content.enabled -> true*/ ============================ S E A R C H B A R ====================== =====================================================================*/ +/* Some elements border radius */ #urlbar-input-container, #searchbar, #urlbar-container, @@ -479,15 +483,18 @@ about:config -> svg.context-properties.content.enabled -> true*/ border-radius: var(--firefoxcss-border-radius) !important; } +/* Remove line in search bar below text separating search results */ #urlbar .urlbarView-body-inner { border-top: 0px !important; } +/* Dont remember what this is for */ #urlbar:not(.megabar):not([focused="true"]), #urlbar:not(.megabar):not([focused="true"]):hover { border-bottom: transparent; } +/* Aligns text in the middle of search bar */ #urlbar .urlbar-input-box { text-align: center; } @@ -503,11 +510,12 @@ about:config -> svg.context-properties.content.enabled -> true*/ box-shadow: var(--firefoxcss-url-box-shadow-color) !important; } +/* Removes separator line at the bottom of search bar separating search buttons and menus */ .urlbarView:not([noresults]) > .search-one-offs:not([hidden]) { border-top: none !important; } -/* Megabar */ +/* Megabar - Popout search bar on focus */ #urlbar[breakout] { height: auto !important; } @@ -527,7 +535,7 @@ about:config -> svg.context-properties.content.enabled -> true*/ transition: none !important; } -#urlbar[breakout][breakout-extend] { +#urlbar[breakout] { top: calc( (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2 ) !important; @@ -535,6 +543,10 @@ about:config -> svg.context-properties.content.enabled -> true*/ width: 100% !important; } +#urlbar[breakout]:not([open]){ + bottom: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important; +} + /* Styling Extra search bar that you can add to firefox */ #search-container #searchbar { outline: 0 !important;