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

Add files via upload

Browse source 
* add reload/stop animation
* add pin to overflow menu animation
* sidebar icon adapts to the position and status of sidebar
This commit is contained in:
bmFtZQ 2021-04-13 02:47:51 +08:00 • committed by GitHub
parent 7a037aee4f
commit da8ad23244
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 66 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

40
chrome/icons/icons.css
View file

@ -5,15 +5,20 @@
fill: currentColor;
}
.toolbarbutton-1:-moz-any(#back-button, #forward-button),
.toolbarbutton-1#back-button,
#context-back,
#context-forward,
.subviewbutton-back,
.identity-popup-expander
{
list-style-image: url(arrow-back.svg) !important;
}
.toolbarbutton-1#forward-button,
#context-forward
{
list-style-image: url(arrow-back.svg#flip) !important;
}
#PanelUI-menu-button
{
list-style-image: url(menu.svg) !important;
@ -24,9 +29,14 @@
{
list-style-image: url(refresh.svg) !important;
}
:-moz-any(#reload-button, #stop-button):not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
animation-timing-function: steps(0) !important;
animation-duration: 0ms !important;
#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box,
#nav-bar-overflow-button > .toolbarbutton-animatable-box {
margin-inline-start: calc((16px + 2 * 12px - 18px) / 2) !important;
}
#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
background-image: url(reload-to-stop.svg) !important;
}
#stop-button,
@ -35,10 +45,12 @@
list-style-image: url(stop.svg) !important;
}
.toolbarbutton-1#forward-button,
#context-forward
{
transform: scaleX(-1) !important;
#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
background-image: url(stop-to-reload.svg) !important;
}
#nav-bar-overflow-button[animate] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
background-image: url(chevron-animation.svg) !important;
}
#home-button
@ -147,6 +159,14 @@
list-style-image: url(sidebar.svg) !important;
}
#sidebar-button[positionend] {
transform: scaleX(-1) !important;
}
#sidebar-button[checked] {
list-style-image: url(sidebar-fill.svg) !important;
}
#nav-bar-overflow-button, #alltabs-button {
list-style-image: url(overflow.svg) !important;
}
@ -441,4 +461,4 @@ richlistitem[originaltype="loginsFooter"] .ac-site-icon,
.urlbarView-favicon[src*="search-glass.svg"]
{
background-image: url(search.svg) !important;
}
}