Skip to content

Commit

Permalink
Update: use display flex to set equal menu item heights (fixes adaptl…
Browse files Browse the repository at this point in the history
…earning#466) (adaptlearning#467)

* use display flex to set equal item heights

* inner width keeps the box from collapsing if there's not enough content to push it outward

* remove button container margin for consistent item spacing
  • Loading branch information
kirsty-hames committed Sep 20, 2023
1 parent f85ef85 commit 84e9379
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion less/plugins/adapt-contrib-boxmenu/boxMenuItem.less
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
.boxmenu-item {
display: flex;

&__inner {
width: 100%;
margin: 0 @menu-item-padding-hoz @menu-item-padding-ver;
padding: 1rem;
background-color: @menu-item;
Expand Down Expand Up @@ -38,7 +41,6 @@
&__button-container {
display: flex;
align-items: center;
margin-bottom: @menu-item-progress-margin;
}

&__button {
Expand Down

0 comments on commit 84e9379

Please sign in to comment.