Browse Source

Adds #1032, vertical tabular menus

pull/2034/head
jlukic 9 years ago
parent
commit
be77c6adef
2 changed files with 30 additions and 6 deletions
  1. 33
      src/definitions/collections/menu.less
  2. 3
      src/themes/default/collections/menu.variables

33
src/definitions/collections/menu.less

@ -621,7 +621,8 @@ Floated Menu / Item
border-left: @tabularBorderWidth solid transparent;
border-right: @tabularBorderWidth solid transparent;
border-top: @tabularBorderWidth solid transparent;
border-top: @tabularOppositeBorderWidth solid transparent;
border-bottom: none;
padding-left: @tabularHorizontalPadding;
padding-right: @tabularHorizontalPadding;
@ -639,12 +640,9 @@ Floated Menu / Item
/* Active */
.ui.tabular.menu .active.item {
position: relative;
border-bottom: none;
vertical-align: bottom;
background-color: @tabularMenuActiveBackground;
color: @tabularActiveColor;
border-top-width: @tabularBorderWidth;
border-color: @tabularBorderColor;
font-weight: @tabularActiveWeight;
margin-bottom: -@tabularBorderWidth;
@ -663,6 +661,31 @@ Floated Menu / Item
margin: 0px;
}
/* Vertical Tabular */
.ui.vertical.tabular.menu {
background-color: transparent;
border-radius: 0em;
box-shadow: none !important;
border-bottom: none;
border-right: @tabularBorderWidth solid @tabularBorderColor;
}
.ui.vertical.tabular.menu .item {
background-color: transparent;
border-left: @tabularBorderWidth solid transparent;
border-bottom: @tabularBorderWidth solid transparent;
border-top: @tabularBorderWidth solid transparent;
border-right: none;
}
/* Active */
.ui.vertical.tabular.menu .active.item {
background-color: @tabularMenuActiveBackground;
border-color: @tabularBorderColor;
margin: 0px -@tabularBorderWidth 0px 0px;
border-radius: @tabularBorderRadius 0px 0px @tabularBorderRadius;
}
/*--------------

3
src/themes/default/collections/menu.variables

@ -256,7 +256,8 @@
@tabularBorderColor: @solidBorderColor;
@tabularBackgroundColor: #FFFFFF;
@tabularBorderWidth: 1px;
@tabularHorizontalPadding: 1.4em;
@tabularOppositeBorderWidth: @tabularBorderWidth + 1px;
@tabularHorizontalPadding: @relativeHuge;
@tabularMenuTextColor: @itemTextColor;
@tabularFluidOffset: 1px;

Loading…
Cancel
Save