Align the menu dropdown list to the end of the "more" button.

Instead of aligning the dropdown list to the starting edge of the
"more" button, this aligns the dropdown list to the end of the
"more" button, preventing any potential horizontal scrolling.

The containing list box is right-aligned, but this does not affect
the text alignment.

Bug: T267325
Change-Id: I8b889f8314519b8c6a74c661aca773b9b546657b
This commit is contained in:
Jan Drewniak 2021-01-25 13:07:13 +01:00 committed by VolkerE
parent 3d1e510479
commit 4a959a6878
1 changed files with 1 additions and 12 deletions

View File

@ -53,7 +53,7 @@
min-width: 100%;
position: absolute;
top: 2.5em;
left: -@border-width-base;
right: -@border-width-base;
margin: 0;
border: @border-width-base @border-style-base @border-color-base;
border-top-width: 0;
@ -153,14 +153,3 @@
outline: auto -webkit-focus-ring-color; // Webkit style
}
}
@media ( max-width: @width-breakpoint-tablet ) {
// At lower resolutions, particularly when variants are disabled
// make sure the menu does not go off the screen.
.vector-menu-dropdown {
.vector-menu-content-list {
right: 0;
left: auto;
}
}
}