Merge pull request #11690 from Snuffleupagus/rm-toolbarButton-transition

Remove transition effects from toolbar buttons/fields
This commit is contained in:
Tim van der Meij 2020-03-11 20:58:48 +01:00 committed by GitHub
commit 4ff67a518e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -546,10 +546,6 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px rgba(255, 255, 255, 0.15) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset,
0 1px 0 rgba(255, 255, 255, 0.05); 0 1px 0 rgba(255, 255, 255, 0.05);
transition-property: background-color, border-color, box-shadow;
transition-duration: 150ms;
transition-timing-function: ease;
} }
.splitToolbarButton > .toolbarButton:hover, .splitToolbarButton > .toolbarButton:hover,
.splitToolbarButton > .toolbarButton:focus, .splitToolbarButton > .toolbarButton:focus,
@ -608,9 +604,6 @@ html[dir='rtl'] .splitToolbarButtonSeparator {
padding: 12px 0; padding: 12px 0;
margin: 1px 0; margin: 1px 0;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03);
transition-property: padding;
transition-duration: 10ms;
transition-timing-function: ease;
} }
.toolbarButton, .toolbarButton,
@ -627,9 +620,6 @@ html[dir='rtl'] .splitToolbarButtonSeparator {
user-select: none; user-select: none;
/* Opera does not support user-select, use <... unselectable="on"> instead */ /* Opera does not support user-select, use <... unselectable="on"> instead */
cursor: default; cursor: default;
transition-property: background-color, border-color, box-shadow;
transition-duration: 150ms;
transition-timing-function: ease;
} }
html[dir='ltr'] .toolbarButton, html[dir='ltr'] .toolbarButton,
@ -669,9 +659,6 @@ html[dir='rtl'] .dropdownToolbarButton {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset,
0 0 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset,
0 1px 0 rgba(255, 255, 255, 0.05); 0 1px 0 rgba(255, 255, 255, 0.05);
transition-property: background-color, border-color, box-shadow;
transition-duration: 10ms;
transition-timing-function: linear;
} }
.toolbarButton.toggled, .toolbarButton.toggled,
@ -683,9 +670,6 @@ html[dir='rtl'] .dropdownToolbarButton {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset,
0 0 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset,
0 1px 0 rgba(255, 255, 255, 0.05); 0 1px 0 rgba(255, 255, 255, 0.05);
transition-property: background-color, border-color, box-shadow;
transition-duration: 10ms;
transition-timing-function: linear;
} }
.toolbarButton.toggled:hover:active, .toolbarButton.toggled:hover:active,
@ -1041,9 +1025,6 @@ html[dir='rtl'] .verticalToolbarSeparator {
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
outline-style: none; outline-style: none;
transition-property: background-color, border-color, box-shadow;
transition-duration: 150ms;
transition-timing-function: ease;
} }
.toolbarField[type=checkbox] { .toolbarField[type=checkbox] {