Merge pull request #11690 from Snuffleupagus/rm-toolbarButton-transition
Remove transition effects from toolbar buttons/fields
This commit is contained in:
commit
4ff67a518e
@ -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] {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user