Skip to content

Commit 8ed42d7

Browse files
aminomanceraminomancer
committed
update downloads progress appearance.
change some CSS formatting.
1 parent d7580c9 commit 8ed42d7

6 files changed

Lines changed: 35 additions & 18 deletions

File tree

‎resources/in-content/downloads.css‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -282,9 +282,19 @@
282282
color: var(--warning-text-color) !important;
283283
}
284284

285+
.downloadContainer:not([hidden="true"]) {
286+
display: flex !important;
287+
flex-flow: column nowrap !important;
288+
row-gap: 4px !important;
289+
justify-content: center !important;
290+
}
291+
292+
.downloadContainer > * {
293+
margin: 0 !important;
294+
}
295+
285296
.downloadProgress {
286297
appearance: none !important;
287-
margin: 3px 0 -2px 0 !important;
288298
border: 1px solid transparent !important;
289299
border-radius: 14px !important;
290300
height: 7px !important;
@@ -298,7 +308,6 @@
298308

299309
.downloadProgress::-moz-progress-bar {
300310
background-image: none !important;
301-
animation: none !important;
302311
}
303312

304313
.downloadProgress:not([value="0"])::-moz-progress-bar {
@@ -313,6 +322,7 @@
313322
right/14px;
314323
mask-repeat: no-repeat;
315324
mask-composite: subtract;
325+
animation: none !important;
316326
}
317327

318328
.downloadProgress:indeterminate::-moz-progress-bar {
@@ -330,8 +340,6 @@
330340
.downloadProgress[paused]:indeterminate::-moz-progress-bar {
331341
background-color: transparent !important;
332342
background-image: none !important;
333-
animation: none !important;
334-
animation-play-state: paused !important;
335343
}
336344
}
337345

‎uc-bookmarks.css‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -636,12 +636,21 @@ menuitem#menu_bookmarkThisPage[data-l10n-id="menu-bookmark-edit"]::before {
636636
}
637637

638638
#BMB_bookmarksPopup .bookmark-item[container]:not(.menuitem-iconic, .menu-iconic) .menu-text,
639-
#BMB_bookmarksPopup
640-
:is(#bookmarksToolbarFolderMenu, #BMB_bookmarksToolbar, #panelMenu_bookmarksToolbar, #BMB_viewBookmarksToolbar)
641-
.menu-text {
639+
#BMB_bookmarksPopup > menu > menupopup .menu-text {
642640
padding-inline-start: 0 !important;
643641
}
644642

643+
/* 0.74em comes from the internal margin for .menu-accel.
644+
we're hiding that if it's empty, as it will be for the "(Empty)" placeholder.
645+
so in order to ensure matching padding on this item we're taking that value and turning it into outer padding. */
646+
#BMB_bookmarksPopup menupopup[emptyplacesresult="true"] menuitem.bookmark-item {
647+
padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) + 0.74em) !important;
648+
}
649+
650+
#BMB_bookmarksPopup menupopup[emptyplacesresult="true"] menuitem.bookmark-item .menu-accel:not([value]):empty {
651+
display: none !important;
652+
}
653+
645654
#BMB_bookmarksPopup
646655
:is(#bookmarksToolbarFolderMenu, #BMB_bookmarksToolbar, #panelMenu_bookmarksToolbar, #BMB_viewBookmarksToolbar):not(.menuitem-iconic, .menu-iconic)::before {
647656
content: "" !important;

‎uc-extensions.css‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -950,22 +950,22 @@ menupopup menuitem[class^="unified-nav"][uri="moz-extension://e158f52d-b5db-4594
950950
}
951951

952952
/* invert github's black icon */
953-
:is(.menu-iconic-icon, .toolbarbutton-icon, .urlbarView-favicon)-brighttext:is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"])
953+
:is(.menu-iconic-icon, .toolbarbutton-icon, .urlbarView-favicon):is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"])
954954
{
955-
filter: invert(1) brightness(10);
955+
background-image: url(chrome://userchrome/content/engines/github.svg) !important;
956+
background-size: 16px !important;
957+
background-repeat: no-repeat !important;
958+
background-position: center !important;
959+
padding-inline: 16px 0 !important;
960+
box-sizing: border-box !important;
956961
}
957962

958963
/* if icon-only bookmarks toolbar pref is enabled,
959964
we need to invert the icon differently since we don't want to invert the background color on hovering the icon */
960965
@supports -moz-bool-pref("userChrome.bookmarks-toolbar.icons-only") {
961966
#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [id]) .toolbarbutton-icon:is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"])
962967
{
963-
background-image: url(chrome://userchrome/content/engines/github.svg) !important;
964-
background-size: 16px !important;
965-
background-repeat: no-repeat !important;
966-
background-position: center !important;
967968
padding-inline: 28px 0 !important;
968-
filter: none !important;
969969
}
970970
}
971971

‎uc-tabs.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -711,7 +711,7 @@ so in other words it won't show if audio is playing until you hover the general
711711
}
712712

713713
/* this pref enables a special loading throbber animation that spins instead of bouncing horizontally */
714-
@supports (-moz-bool-pref("userChrome.tabs.new-loading-spinner-animation")) {
714+
@supports -moz-bool-pref("userChrome.tabs.new-loading-spinner-animation") {
715715
@keyframes uc-tab-throbber-spinner {
716716
to {
717717
rotate: 360deg;
@@ -808,7 +808,7 @@ so in other words it won't show if audio is playing until you hover the general
808808

809809
/* 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.
810810
this requires you to make a pref in about:config and set it to true: "userChrome.tabs.pinned-tabs.close-buttons.disabled" */
811-
@supports (-moz-bool-pref("userChrome.tabs.pinned-tabs.close-buttons.disabled")) {
811+
@supports -moz-bool-pref("userChrome.tabs.pinned-tabs.close-buttons.disabled") {
812812
.tabbrowser-tab[pinned] .tab-close-button {
813813
display: none !important;
814814
}

‎uc-urlbar.css‎

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

‎uc-variables.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ menupopup {
102102
--download-progress-paused-color: var(--desaturate-dimmed-further) !important;
103103
--download-progress-flare-color: var(--purple-40) !important;
104104
--downloads-item-height: 5.5em;
105-
--downloads-item-font-size-factor: 1 !important;
105+
--downloads-item-font-size-factor: 0.9;
106106
--downloads-item-details-opacity: 0.6;
107107
--downloads-item-disabled-opacity: 0.6;
108108
--ctrlTab-overlay-color: hsla(240, 3%, 4%, 0.5) !important;

0 commit comments

Comments
 (0)