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:
Jan Drewniak 2021-03-24 15:01:04 +01:00
parent 50dcf4f7a5
commit f52c2f8a4a
3 changed files with 10 additions and 2 deletions

View File

@ -53,7 +53,7 @@
min-width: 100%;
position: absolute;
top: 2.5em;
right: -@border-width-base;
left: -@border-width-base;
margin: 0;
border: @border-width-base @border-style-base @border-color-base;
border-top-width: 0;

View File

@ -30,7 +30,8 @@
.vector-menu-content {
top: auto;
right: 0;
left: auto;
right: -@border-width-base;
// align borders of open menu align with button
.box-sizing( border-box );
max-height: 65vh;

View File

@ -239,6 +239,13 @@ body {
#right-navigation {
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 {