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

fix offset refresh button with Proton

Browse source
This commit is contained in:
bmFtZQ 2021-05-08 19:18:38 +08:00 • committed by GitHub
parent d1b2a37702
commit 217d667240
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

17
chrome/navbar/navbar.css
View file

@ -105,6 +105,14 @@ panel .toolbarbutton-badge:not(.feature-callout) {
padding-inline: 2px;
}
#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;
width: 18px !important;
}
@media (-moz-proton) {
/* fix animation with the new Firefox icons (Firefox: 89 or higher) */
@keyframes reload-stop-animation {
from { transform: translateX(0); }
@ -126,9 +134,8 @@ panel .toolbarbutton-badge:not(.feature-callout) {
animation-duration: 417ms !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;
width: 18px !important;
:where(#reload-button, #stop-button) > .toolbarbutton-icon,
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
translate: 0 !important;
}
}