Merge "Icons: Globally set icon colors to `@opacity-icon-base`"
This commit is contained in:
commit
1352035534
|
@ -14,11 +14,6 @@
|
||||||
height: @height-button-lang;
|
height: @height-button-lang;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|
||||||
.mw-ui-icon:before {
|
|
||||||
// Put icon on correct standard normal state color.
|
|
||||||
opacity: 0.87;
|
|
||||||
}
|
|
||||||
|
|
||||||
// If there are no languages and JavaScript is not enabled there is no fallback so we hide
|
// If there are no languages and JavaScript is not enabled there is no fallback so we hide
|
||||||
// the button altogether.
|
// the button altogether.
|
||||||
.mw-portlet-lang-heading-0 {
|
.mw-portlet-lang-heading-0 {
|
||||||
|
|
|
@ -87,8 +87,6 @@
|
||||||
|
|
||||||
#mw-sidebar-button {
|
#mw-sidebar-button {
|
||||||
&:before {
|
&:before {
|
||||||
// Equals `#555`, closest to `#54595d` on background-color `#fff`.
|
|
||||||
opacity: 0.67;
|
|
||||||
/* @embed */
|
/* @embed */
|
||||||
background-image: url( images/chevronHorizontal-ltr.svg );
|
background-image: url( images/chevronHorizontal-ltr.svg );
|
||||||
|
|
||||||
|
|
|
@ -138,12 +138,12 @@
|
||||||
// Increase size to match Codex.
|
// Increase size to match Codex.
|
||||||
width: @padding-left-start-icon;
|
width: @padding-left-start-icon;
|
||||||
// Set opacity to match icon color from Codex (0.51 approximates #72777d)
|
// Set opacity to match icon color from Codex (0.51 approximates #72777d)
|
||||||
opacity: 0.51;
|
opacity: @opacity-base--disabled;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vector-search-box-input:focus ~ .searchButton {
|
.vector-search-box-input:focus ~ .searchButton {
|
||||||
// When the input is focused, change icon color to match Codex (0.87 approximates #202122)
|
// When the input is focused, change icon color to match Codex (0.87 approximates #202122)
|
||||||
opacity: 0.87;
|
opacity: @opacity-icon-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.vector-search-box-show-thumbnail {
|
&.vector-search-box-show-thumbnail {
|
||||||
|
|
|
@ -27,6 +27,12 @@
|
||||||
@import './components/TabWatchstarLink.less';
|
@import './components/TabWatchstarLink.less';
|
||||||
@import './components/TableOfContents.less';
|
@import './components/TableOfContents.less';
|
||||||
@import './components/TableOfContentsCollapsed.less';
|
@import './components/TableOfContentsCollapsed.less';
|
||||||
|
|
||||||
|
// Make sure all icons are the correct color https://phabricator.wikimedia.org/T317800
|
||||||
|
.mw-ui-icon:before {
|
||||||
|
// `@opacity-icon-base` equals to `#222` on `background-color: #fff`, closest to `#202122`.
|
||||||
|
opacity: @opacity-icon-base;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all {
|
@media all {
|
||||||
|
|
Loading…
Reference in New Issue