Merge "Visual enhancements next: Fix alignments of icons"
This commit is contained in:
commit
142aa4abcd
|
@ -8,6 +8,8 @@
|
||||||
background: url( ../common/images/arrow-down.svg ) 100% 50% no-repeat;
|
background: url( ../common/images/arrow-down.svg ) 100% 50% no-repeat;
|
||||||
width: unit( 16 / @font-size-tabs / @font-size-browser, em );
|
width: unit( 16 / @font-size-tabs / @font-size-browser, em );
|
||||||
height: unit( 16 / @font-size-tabs / @font-size-browser, em );
|
height: unit( 16 / @font-size-tabs / @font-size-browser, em );
|
||||||
|
// https://phabricator.wikimedia.org/T319070#8284272
|
||||||
|
margin-left: -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mixin-vector-dropdown-menu-item() {
|
.mixin-vector-dropdown-menu-item() {
|
||||||
|
|
|
@ -85,9 +85,9 @@
|
||||||
.mw-list-item {
|
.mw-list-item {
|
||||||
.mw-ui-icon {
|
.mw-ui-icon {
|
||||||
// Align small icons with the bottom of the tabs.
|
// Align small icons with the bottom of the tabs.
|
||||||
// Height of tab is 41px, and small icon is 36px,
|
// Height of tab is 38px, and small icon is 32px,
|
||||||
// With 1px border, 41 - 36 + 1;
|
// With 2px border, 38 - 32 + 2
|
||||||
margin: 4px 0 0 0;
|
margin: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -42,6 +42,10 @@
|
||||||
&-context-bar {
|
&-context-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
.vector-feature-visual-enhancement-next-enabled & {
|
||||||
|
column-gap: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-start {
|
&-start {
|
||||||
|
|
|
@ -67,9 +67,17 @@
|
||||||
* Horizontal links menu - logged in and logged out.
|
* Horizontal links menu - logged in and logged out.
|
||||||
*/
|
*/
|
||||||
.vector-user-menu-overflow {
|
.vector-user-menu-overflow {
|
||||||
|
.vector-feature-visual-enhancement-next-enabled & {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.vector-menu-content-list {
|
.vector-menu-content-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
.vector-feature-visual-enhancement-next-enabled & {
|
||||||
|
column-gap: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add margin to links that don't have the .mw-ui-button or related icon classes.
|
// Add margin to links that don't have the .mw-ui-button or related icon classes.
|
||||||
|
|
Loading…
Reference in New Issue