mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-25 03:09:24 +00:00
Scope right-aligned dropdown menus to #right-navigation & .mw-portlet-lang
Removes the global rule for right-aligning the Vector dropdown menus and instead scopes that alignment to dropdown menus that appear inside #right-navigation and the language button in modern Vector. Bug: T275158 Change-Id: I6c00ccc365f70682841d9eda9d31bbe25c757aa0
This commit is contained in:
parent
50dcf4f7a5
commit
f52c2f8a4a
|
@ -53,7 +53,7 @@
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2.5em;
|
top: 2.5em;
|
||||||
right: -@border-width-base;
|
left: -@border-width-base;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: @border-width-base @border-style-base @border-color-base;
|
border: @border-width-base @border-style-base @border-color-base;
|
||||||
border-top-width: 0;
|
border-top-width: 0;
|
||||||
|
|
|
@ -30,7 +30,8 @@
|
||||||
|
|
||||||
.vector-menu-content {
|
.vector-menu-content {
|
||||||
top: auto;
|
top: auto;
|
||||||
right: 0;
|
left: auto;
|
||||||
|
right: -@border-width-base;
|
||||||
// align borders of open menu align with button
|
// align borders of open menu align with button
|
||||||
.box-sizing( border-box );
|
.box-sizing( border-box );
|
||||||
max-height: 65vh;
|
max-height: 65vh;
|
||||||
|
|
|
@ -239,6 +239,13 @@ body {
|
||||||
|
|
||||||
#right-navigation {
|
#right-navigation {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
|
// Any dropdowns inside the right navigation in modern Vector (e.g. "more" menu).
|
||||||
|
// should be right-aligned to prevent horizontal scrolling.
|
||||||
|
.vector-menu-content {
|
||||||
|
left: auto;
|
||||||
|
right: -@border-width-base;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#p-personal {
|
#p-personal {
|
||||||
|
|
Loading…
Reference in a new issue