Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix download progress bar

Browse source
This commit is contained in:
bmFtZQ 2021-03-31 18:34:24 +08:00 • committed by GitHub
parent 19b8af6810
commit e7985999a2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
chrome/icons/download.svg
View file

@ -6,12 +6,13 @@
} }
</style> </style>
<defs> <defs>
<path id="arrow-icon" d="M 7.5,0 C 7.2238576,0 7,0.22385763 7,0.5 V 12.292969 L 3.3535156,8.6464844 C 3.2539411,8.5469099 3.1172275,8.4934016 2.9765625,8.5 c -0.1244406,0.00584 -0.242043,0.05834 -0.3300781,0.1464844 -0.1951121,0.1953531 -0.1952326,0.5117986 0,0.7070312 l 4.5,4.5000004 c 0.1952245,0.195225 0.5118067,0.195225 0.7070312,0 L 12.353516,9.3535156 c 0.195233,-0.1952326 0.195233,-0.5117985 0,-0.7070312 -0.195233,-0.1952331 -0.511799,-0.195233 -0.707032,0 L 8,12.292969 V 0.5 C 8,0.22385763 7.7761424,0 7.5,0 Z"/> <path id="arrow-icon" d="M 8,0 C 7.7239,0 7.50008,0.22386 7.5,0.5 L 7.4960938,12.285156 3.8496094,8.6445312 3.78125,8.5878906 c -0.19496,-0.1349 -0.4652319,-0.1151062 -0.6386719,0.058594 -0.19513,0.1954 -0.1934469,0.5119312 0.00195,0.7070312 L 7.5996094,13.804688 C 7.6910194,13.922788 7.8351238,14 7.9960938,14 l 0.1054687,-0.01172 c 0.0936,-0.0187 0.1834594,-0.06412 0.2558594,-0.136719 l 4.4921871,-4.4999995 0.05664,-0.068359 c 0.1348,-0.195 0.115106,-0.4652718 -0.05859,-0.6386719 l -0.06836,-0.056641 c -0.195,-0.1348 -0.465272,-0.1151062 -0.638672,0.058594 L 8.4960938,12.294922 8.5,0.5 8.4921875,0.41015625 C 8.4498875,0.17689625 8.2455,0 8,0 Z"/>
<path id="short-bar-icon" d="m 2.5,15 h 10 c 0.276142,0 0.5,0.223858 0.5,0.5 0,0.276142 -0.223858,0.5 -0.5,0.5 H 2.5 C 2.2238576,16 2,15.776142 2,15.5 2,15.223858 2.2238576,15 2.5,15 Z"/> <path id="arrow-icon-short" d="M 8,0 C 7.7239,0 7.50008,0.22386 7.5,0.5 L 7.4960938,11.285211 3.8496094,7.6445864 3.78125,7.5879458 c -0.19496,-0.1349 -0.4652319,-0.1151062 -0.6386719,0.058594 -0.19513,0.1954 -0.1934469,0.5119312 0.00195,0.7070312 l 4.4550813,4.451172 c 0.09141,0.1181 0.2355144,0.195312 0.3964844,0.195312 l 0.1054687,-0.01172 c 0.0936,-0.0187 0.1834594,-0.06412 0.2558594,-0.136719 l 4.4921871,-4.4999993 0.05664,-0.068359 c 0.1348,-0.195 0.115106,-0.4652718 -0.05859,-0.6386719 l -0.06836,-0.056641 c -0.195,-0.1348 -0.465272,-0.1151062 -0.638672,0.058594 L 8.4960938,11.294977 8.5,0.5 8.4921875,0.41015625 C 8.4498875,0.17689625 8.2455,0 8,0 Z"/>
<!--can't seem to get progress bar to work, removing for now...--> <path id="short-bar-icon" d="m 2.5,15 -0.089844,0.0078 C 2.1769163,15.050212 2,15.2545 2,15.5 2,15.7761 2.22386,16 2.5,16 h 11 l 0.08984,-0.0078 C 13.823044,15.949888 14,15.7454 14,15.5 14,15.2238 13.7761,15 13.5,15 Z"/>
<path id="long-bar-icon" d=""/> <path id="long-bar-icon" d="m 1,14 h 14 a 1,1 45 0 1 1,1 1,1 135 0 1 -1,1 H 1 A 1,1 45 0 1 0,15 1,1 135 0 1 1,14 Z"/>
</defs> </defs>
<use id="arrow" fill="context-fill" fill-opacity="context-fill-opacity" href="#arrow-icon"/> <use id="arrow" fill="context-fill" fill-opacity="context-fill-opacity" href="#arrow-icon"/>
<use id="arrow-progress" fill="context-fill" fill-opacity="context-fill-opacity" href="#arrow-icon-short"/>
<g id="arrow-with-bar" fill="context-fill" fill-opacity="context-fill-opacity"> <g id="arrow-with-bar" fill="context-fill" fill-opacity="context-fill-opacity">
<use href="#arrow-icon"/> <use href="#arrow-icon"/>
<use href="#short-bar-icon"/> <use href="#short-bar-icon"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

7
chrome/icons/icons.css
View file

@ -119,6 +119,9 @@
#downloads-indicator-icon { #downloads-indicator-icon {
background-image: url(download.svg#arrow) !important; background-image: url(download.svg#arrow) !important;
} }
#downloads-button[progress] #downloads-indicator-icon {
background-image: url(download.svg#arrow-progress) !important;
}
#downloads-indicator-progress-outer { #downloads-indicator-progress-outer {
background-image: url(download.svg#default-bar) !important; background-image: url(download.svg#default-bar) !important;
} }
@ -126,6 +129,10 @@
background-image: url(download.svg#progress-bar-fg) !important; background-image: url(download.svg#progress-bar-fg) !important;
} }
#downloads-button[progress] > .toolbarbutton-badge-stack > #downloads-indicator-anchor > #downloads-indicator-progress-outer {
background-image: url(download.svg#progress-bar-bg) !important;
}
#PanelUI-fxa-menu-remotetabs-button, #appMenuRecentlyClosedTabs, #appMenu-library-remotetabs-button, #sync-button { #PanelUI-fxa-menu-remotetabs-button, #appMenuRecentlyClosedTabs, #appMenu-library-remotetabs-button, #sync-button {
list-style-image: url(synced-tabs.svg) !important; list-style-image: url(synced-tabs.svg) !important;
} }