Browse Source

Fix issue with stackable menu not dividing items correctly

dimmer-flex
jlukic 9 years ago
parent
commit
8ca2d00a16
1 changed files with 6 additions and 2 deletions
  1. 8
      src/definitions/collections/menu.less

8
src/definitions/collections/menu.less

@ -1084,6 +1084,7 @@ Floated Menu / Item
/* Item Icon Only */
.ui.menu .icon.item > .icon {
width: auto;
margin: 0em;
}
/*--- inverted ---*/
@ -1129,15 +1130,18 @@ Floated Menu / Item
Stackable
---------------*/
@media only screen and (max-width: @largestMobileScreen) {
.ui.stackable.menu {
flex-direction: column;
}
.ui.stackable.menu .item {
width: 100% !important;
}
.ui.stackable.menu .item:before {
position: absolute;
content: '';
top: 0%;
top: auto;
bottom: 0px;
left: 0px;
width: 100%;
height: @dividerSize;

Loading…
Cancel
Save