diff --git a/chrome/fake_statusbar_w_bookmarksbar.css b/chrome/fake_statusbar_w_bookmarksbar.css index 17aa04d..a022bcb 100644 --- a/chrome/fake_statusbar_w_bookmarksbar.css +++ b/chrome/fake_statusbar_w_bookmarksbar.css @@ -1,4 +1,3 @@ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_statusbar_w_bookmarksbar.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */ @@ -35,7 +34,7 @@ See the above repository for updates as well as full license text. */ #personal-toolbar-empty + toolbarspring, #PersonalToolbar > :first-child + toolbarspring{ - background-position: left 4px; + background-position: left 8px; background-repeat: no-repeat; background-image: -moz-element(#statuspanel); max-width: 50vw !important; /* Modify this to let the status bar grow larger than 50% of window width */ @@ -54,7 +53,11 @@ See the above repository for updates as well as full license text. */ /* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */ #PersonalToolbar > toolbarspring:first-of-type:hover{ background-image: none } -#statuspanel-inner > #statuspanel-label{ +#statuspanel{ + padding-top: 0 !important; + text-shadow: none !important; +} +#statuspanel-label{ height:3em; min-width: 1000px; background-color: transparent !important; @@ -68,8 +71,9 @@ See the above repository for updates as well as full license text. */ /*#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }*/ #statuspanel{ color: lightpink; z-index: -1; visibility: visible !important; opacity: 1 !important; } -#statuspanel[inactive] > #statuspanel-inner > #statuspanel-label{ visibility: hidden } +#statuspanel[inactive] #statuspanel-label{ visibility: hidden } +.browserStack > #statuspanel[inactive]::before, #statuspanel[inactive] > #statuspanel-inner::before{ content: "Done"; color: var(--toolbar-field-color, black) !important } #statuspanel[type="status"] { color: skyblue } -#statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--toolbar-field-color, black) !important; } +#statuspanel-label[value^="https"]{ color: var(--toolbar-field-color, black) !important; } diff --git a/chrome/fake_statusbar_w_menubar.css b/chrome/fake_statusbar_w_menubar.css index 3725215..56bdcf1 100644 --- a/chrome/fake_statusbar_w_menubar.css +++ b/chrome/fake_statusbar_w_menubar.css @@ -58,7 +58,7 @@ See the above repository for updates as well as full license text. */ #toolbar-menubar > .toolbarbutton-1:first-child:not(:hover) + #menubar-items:not(:hover){ visibility: collapse } #toolbar-menubar > .titlebar-buttonbox-container + toolbarspring{ - background-position: left 2px; + background-position: left 5px; background-repeat: no-repeat; background-image: -moz-element(#statuspanel); max-width: none !important; @@ -68,7 +68,7 @@ See the above repository for updates as well as full license text. */ #titlebar:hover > #toolbar-menubar > .titlebar-buttonbox-container + toolbarspring{ background-image: none } #toolbar-menubar > .titlebar-buttonbox-container + toolbarspring{ background-image: -moz-element(#statuspanel) !important; } - #statuspanel-inner > #statuspanel-label{ + #statuspanel-label{ height:3em; min-width: 1000px; background-color: var(--lwt-frame, hsla(0,0%,100%,.8)) !important; @@ -81,11 +81,16 @@ See the above repository for updates as well as full license text. */ #statuspanel-inner{ background-color: var(--toolbar-accent-color) } /*#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }*/ - #statuspanel{ color: lightpink; z-index: -1; inset-inline: 0 auto !important; } + #statuspanel{ + color: lightpink; + z-index: -1; + inset-inline: 0 auto !important; + padding-top: 0 !important; + } #statuspanel[type="status"] { color: skyblue } #statuspanel-inner{ margin-left: -3px; margin-top: 1px} - #statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--toolbar-field-color, black) !important;} + #statuspanel-label[value^="https"]{ color: var(--toolbar-field-color, black) !important;} #customization-container, #content-deck, @@ -95,4 +100,4 @@ See the above repository for updates as well as full license text. */ :root[inFullscreen] :is(#customization-container,#content-deck,#browser){ margin-bottom: 0px; } -} \ No newline at end of file +}