Skip to content

Commit f59c1ca

Browse files
committed
MAGETWO-95866 Add horizontal scroll if elements extend menu's width
1 parent e8c2526 commit f59c1ca

File tree

1 file changed

+9
-2
lines changed
  • app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module

1 file changed

+9
-2
lines changed

app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717

1818
@menu-logo__padding-bottom: 1.7rem;
1919
@menu-logo__outer-size: @menu-logo__padding-top + @menu-logo-img__height + @menu-logo__padding-bottom;
20-
@menu-logo__padding-top: 1.7rem;
20+
@menu-logo__padding-top: 1.7rem;
2121
@menu-logo-img__height: 4.1rem;
2222
@menu-logo-img__width: 3.5rem;
2323

@@ -37,6 +37,7 @@
3737
@submenu__padding-horizontal: 1.5rem;
3838
@submenu__padding-vertical: 2rem;
3939
@submenu__z-index: @menu__z-index - 2;
40+
@submenu__height: 720px;
4041
@submenu-column__width: 23.8rem;
4142
@submenu-column__width__l: 19.8rem;
4243
@submenu-title__color: @color-white;
@@ -252,7 +253,6 @@
252253
background-color: @submenu__background-color;
253254
box-shadow: 0 0 3px @color-black;
254255
left: 100%; // align all submenus with one Y axis line
255-
min-height: ~'calc(@{menu-logo__outer-size} + 2rem + 100%)';
256256
padding: @submenu__padding-vertical 0 0;
257257
position: absolute;
258258
top: 0;
@@ -266,6 +266,13 @@
266266
.ie11 & {
267267
height: 100%;
268268
}
269+
270+
> ul[role="menu"] {
271+
max-width: ~'calc(100vw - @{menu__width})';
272+
min-height: @submenu__height;
273+
overflow-y: hidden;
274+
overflow-x: auto;
275+
}
269276
}
270277

271278
&._show {

0 commit comments

Comments
 (0)