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:
parent
3d1e510479
commit
4a959a6878
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue