diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 89f3475..799177b 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -9,8 +9,10 @@ width: 100%; height: 100%; pointer-events:none; - background: -moz-element(#statuspanel) left calc(90% - var(--toolbarbutton-outer-padding)) no-repeat !important; + background: -moz-element(#statuspanel) left calc(100% - var(--toolbarbutton-outer-padding)) no-repeat !important; } +/* Hide the status ovelay when urlbar is hovered */ +#urlbar:hover .urlbar-input-box::after{ visibility: hidden } #urlbar .urlbar-input-box::after{ display: -moz-box; @@ -18,11 +20,12 @@ #statuspanel-inner > #statuspanel-label{ height:23px; - min-width: 500px; + min-width: 1000px; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; border: none !important; font-size: larger; color: inherit !important; + margin-right: 0px !important; } /* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ #statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }