fix offset refresh button with Proton
This commit is contained in:
parent
d1b2a37702
commit
217d667240
1 changed files with 28 additions and 21 deletions
|
@ -105,6 +105,14 @@ panel .toolbarbutton-badge:not(.feature-callout) {
|
||||||
padding-inline: 2px;
|
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) */
|
/* fix animation with the new Firefox icons (Firefox: 89 or higher) */
|
||||||
@keyframes reload-stop-animation {
|
@keyframes reload-stop-animation {
|
||||||
from { transform: translateX(0); }
|
from { transform: translateX(0); }
|
||||||
|
@ -126,9 +134,8 @@ panel .toolbarbutton-badge:not(.feature-callout) {
|
||||||
animation-duration: 417ms !important;
|
animation-duration: 417ms !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#reload-button>.toolbarbutton-animatable-box,
|
:where(#reload-button, #stop-button) > .toolbarbutton-icon,
|
||||||
#stop-button>.toolbarbutton-animatable-box,
|
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
|
||||||
#nav-bar-overflow-button>.toolbarbutton-animatable-box {
|
translate: 0 !important;
|
||||||
margin-inline-start: calc((16px + 2 * 12px - 18px) / 2) !important;
|
}
|
||||||
width: 18px !important;
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue