Improve animations: Only animate what we want on all CSS transitions

Mitigate posible issues causing #551 by commit
bb437abe08
This commit is contained in:
Rafael Mardojai CM 2023-02-06 13:42:54 -05:00
parent 78fb30118a
commit a46c7b5821
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
4 changed files with 6 additions and 6 deletions

View File

@ -53,7 +53,7 @@ button.close,
outline: 0 !important; outline: 0 !important;
font: menu !important; font: menu !important;
-moz-box-align: center !important; -moz-box-align: center !important;
transition: 0.3s; transition: background .3s;
} }
.subviewbutton-iconic { .subviewbutton-iconic {
-moz-box-pack: center !important; -moz-box-pack: center !important;
@ -66,7 +66,7 @@ button.close,
#protections-popup-info-button, #protections-popup-info-button,
.permission-popup-permission-remove-button { .permission-popup-permission-remove-button {
background: transparent !important; background: transparent !important;
transition: 0.3s; transition: background .3s;
} }
/* Buttons with margins */ /* Buttons with margins */

View File

@ -122,7 +122,7 @@
-moz-appearance: none !important; -moz-appearance: none !important;
padding: 0 2px !important; padding: 0 2px !important;
background: var(--gnome-button-close-background); background: var(--gnome-button-close-background);
transition: 0.3s; transition: background 0.3s;
} }
:root[tabsintitlebar] #titlebar .titlebar-button { :root[tabsintitlebar] #titlebar .titlebar-button {

View File

@ -75,7 +75,7 @@
.urlbar-page-action, .urlbar-page-action,
.urlbar-icon { .urlbar-icon {
fill-opacity: 0.8 !important; fill-opacity: 0.8 !important;
transition: 0.3s; transition: fill 0.3s, fill-opacity 0.3, opacity 0.3;
} }
.identity-box-button:hover:not([open="true"]), .identity-box-button:hover:not([open="true"]),

View File

@ -87,7 +87,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
margin: 5px 3px 6px !important; margin: 5px 3px 6px !important;
padding: 0 9px !important; padding: 0 9px !important;
min-height: 34px !important; min-height: 34px !important;
transition: 0.3s; transition: background 0.3s;
} }
#TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover { #TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover {
background-color: var(--gnome-tabbar-tab-hover-background) !important; background-color: var(--gnome-tabbar-tab-hover-background) !important;
@ -159,7 +159,7 @@ tab {
box-shadow: none !important; box-shadow: none !important;
margin-block: 0 !important; margin-block: 0 !important;
border: 0 !important; border: 0 !important;
transition: 0.2s; transition: background 0.2s;
} }
/* Center all inside tab */ /* Center all inside tab */