update downloads progress appearance.

change some CSS formatting.

resources/in-content/downloads.css

@@ -282,9 +282,19 @@
         color: var(--warning-text-color) !important;
     }
 
+    .downloadContainer:not([hidden="true"]) {
+        display: flex !important;
+        flex-flow: column nowrap !important;
+        row-gap: 4px !important;
+        justify-content: center !important;
+    }
+
+    .downloadContainer > * {
+        margin: 0 !important;
+    }
+
     .downloadProgress {
         appearance: none !important;
-        margin: 3px 0 -2px 0 !important;
         border: 1px solid transparent !important;
         border-radius: 14px !important;
         height: 7px !important;
@@ -298,7 +308,6 @@
 
     .downloadProgress::-moz-progress-bar {
         background-image: none !important;
-        animation: none !important;
     }
 
     .downloadProgress:not([value="0"])::-moz-progress-bar {
@@ -313,6 +322,7 @@
                 right/14px;
         mask-repeat: no-repeat;
         mask-composite: subtract;
+        animation: none !important;
     }
 
     .downloadProgress:indeterminate::-moz-progress-bar {
@@ -330,8 +340,6 @@
     .downloadProgress[paused]:indeterminate::-moz-progress-bar {
         background-color: transparent !important;
         background-image: none !important;
-        animation: none !important;
-        animation-play-state: paused !important;
     }
 }
 

uc-bookmarks.css

@@ -636,12 +636,21 @@ menuitem#menu_bookmarkThisPage[data-l10n-id="menu-bookmark-edit"]::before {
 }
 
 #BMB_bookmarksPopup .bookmark-item[container]:not(.menuitem-iconic, .menu-iconic) .menu-text,
-#BMB_bookmarksPopup
-    :is(#bookmarksToolbarFolderMenu, #BMB_bookmarksToolbar, #panelMenu_bookmarksToolbar, #BMB_viewBookmarksToolbar)
-    .menu-text {
+#BMB_bookmarksPopup > menu > menupopup .menu-text {
     padding-inline-start: 0 !important;
 }
 
+/* 0.74em comes from the internal margin for .menu-accel.
+we're hiding that if it's empty, as it will be for the "(Empty)" placeholder.
+so in order to ensure matching padding on this item we're taking that value and turning it into outer padding. */
+#BMB_bookmarksPopup menupopup[emptyplacesresult="true"] menuitem.bookmark-item {
+    padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) + 0.74em) !important;
+}
+
+#BMB_bookmarksPopup menupopup[emptyplacesresult="true"] menuitem.bookmark-item .menu-accel:not([value]):empty {
+    display: none !important;
+}
+
 #BMB_bookmarksPopup
     :is(#bookmarksToolbarFolderMenu, #BMB_bookmarksToolbar, #panelMenu_bookmarksToolbar, #BMB_viewBookmarksToolbar):not(.menuitem-iconic, .menu-iconic)::before {
     content: "" !important;

uc-extensions.css

@@ -950,22 +950,22 @@ menupopup menuitem[class^="unified-nav"][uri="moz-extension://e158f52d-b5db-4594
 }
 
 /* invert github's black icon */
-:is(.menu-iconic-icon, .toolbarbutton-icon, .urlbarView-favicon)-brighttext:is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"])
+:is(.menu-iconic-icon, .toolbarbutton-icon, .urlbarView-favicon):is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"])
 {
-    filter: invert(1) brightness(10);
+    background-image: url(chrome://userchrome/content/engines/github.svg) !important;
+    background-size: 16px !important;
+    background-repeat: no-repeat !important;
+    background-position: center !important;
+    padding-inline: 16px 0 !important;
+    box-sizing: border-box !important;
 }
 
 /* if icon-only bookmarks toolbar pref is enabled,
 we need to invert the icon differently since we don't want to invert the background color on hovering the icon */
 @supports -moz-bool-pref("userChrome.bookmarks-toolbar.icons-only") {
     #PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [id]) .toolbarbutton-icon:is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"])
     {
-        background-image: url(chrome://userchrome/content/engines/github.svg) !important;
-        background-size: 16px !important;
-        background-repeat: no-repeat !important;
-        background-position: center !important;
         padding-inline: 28px 0 !important;
-        filter: none !important;
     }
 }
 

uc-tabs.css

@@ -711,7 +711,7 @@ so in other words it won't show if audio is playing until you hover the general
 }
 
 /* this pref enables a special loading throbber animation that spins instead of bouncing horizontally */
-@supports (-moz-bool-pref("userChrome.tabs.new-loading-spinner-animation")) {
+@supports -moz-bool-pref("userChrome.tabs.new-loading-spinner-animation") {
     @keyframes uc-tab-throbber-spinner {
         to {
             rotate: 360deg;
@@ -808,7 +808,7 @@ so in other words it won't show if audio is playing until you hover the general
 
 /* hide the close button for pinned tabs. if the last visible tab is pinned, it doesn't hide the close button since the tab doesn't get shrunk in that case.
 this requires you to make a pref in about:config and set it to true: "userChrome.tabs.pinned-tabs.close-buttons.disabled" */
-@supports (-moz-bool-pref("userChrome.tabs.pinned-tabs.close-buttons.disabled")) {
+@supports -moz-bool-pref("userChrome.tabs.pinned-tabs.close-buttons.disabled") {
     .tabbrowser-tab[pinned] .tab-close-button {
         display: none !important;
     }

uc-urlbar.css

@@ -380,7 +380,7 @@ the screenshot action already hides itself on system pages and extension pages,
 but CSS hides it faster and avoids flickering.
 :not([aria-label]) handles the few milliseconds when a new window is opened and the NTP/home page hasn't opened yet.
 */
-@supports (-moz-bool-pref("userChrome.urlbar.hide-bookmarks-button-on-system-pages")) {
+@supports -moz-bool-pref("userChrome.urlbar.hide-bookmarks-button-on-system-pages") {
     #tracking-protection-icon-container:is([hidden], :not([aria-label]))
         ~ #identity-box:not(.chromeUI, .localResource)
         ~ #page-action-buttons

uc-variables.css

@@ -102,7 +102,7 @@ menupopup {
     --download-progress-paused-color: var(--desaturate-dimmed-further) !important;
     --download-progress-flare-color: var(--purple-40) !important;
     --downloads-item-height: 5.5em;
-    --downloads-item-font-size-factor: 1 !important;
+    --downloads-item-font-size-factor: 0.9;
     --downloads-item-details-opacity: 0.6;
     --downloads-item-disabled-opacity: 0.6;
     --ctrlTab-overlay-color: hsla(240, 3%, 4%, 0.5) !important;