Skip to content

Commit 18a1aa7

Browse files
committed
MAGETWO-91970: Enable wrapping of Heading toolbar menu
- enable wrap from toolbar buttons - wrap by group, then within group - fix positioning of toolbar to account for dynamic heights
1 parent f517305 commit 18a1aa7

File tree

1 file changed

+5
-4
lines changed
  • app/code/Magento/PageBuilder/view/adminhtml/web/css/source

1 file changed

+5
-4
lines changed

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_toolbar.less

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@
1818
}
1919

2020
.pagebuilder-toolbar-options {
21+
bottom: 100%;
2122
opacity: 1;
22-
top: -39px;
2323
transition-delay: 200ms;
2424
visibility: visible;
2525
}
@@ -35,21 +35,22 @@
3535
-webkit-transition: opacity 200ms, top 200ms, visibility 200ms;
3636
background-color: @color-gray94;
3737
border: 1px solid @color-gray75;
38-
height: 38px;
38+
bottom: 0;
3939
left: -2px;
4040
opacity: 0;
4141
position: absolute;
42-
top: 0;
43-
transition: opacity 200ms, top 200ms, visibility 200ms;
42+
transition: bottom 200ms, opacity 200ms, visibility 200ms;
4443
visibility: hidden;
4544
width: calc(~'100% + 4px');
4645
z-index: 32;
4746

4847
.pagebuilder-toolbar-options-wrapper {
4948
display: flex;
49+
flex-wrap: wrap;
5050

5151
.pagebuilder-toolbar-options-links {
5252
display: flex;
53+
flex-wrap: wrap;
5354
list-style: none;
5455
margin: 0;
5556
vertical-align: middle;

0 commit comments

Comments
 (0)