diff --git a/resources/common/components/MenuDropdown.less b/resources/common/components/MenuDropdown.less index a1afa2a..3a47893 100644 --- a/resources/common/components/MenuDropdown.less +++ b/resources/common/components/MenuDropdown.less @@ -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; diff --git a/resources/skins.vector.styles/components/LanguageButton.less b/resources/skins.vector.styles/components/LanguageButton.less index 1c15ad5..fc3d014 100644 --- a/resources/skins.vector.styles/components/LanguageButton.less +++ b/resources/skins.vector.styles/components/LanguageButton.less @@ -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; diff --git a/resources/skins.vector.styles/layouts/screen.less b/resources/skins.vector.styles/layouts/screen.less index 315456b..498dc05 100644 --- a/resources/skins.vector.styles/layouts/screen.less +++ b/resources/skins.vector.styles/layouts/screen.less @@ -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 {