Browse Source

Fix tabular menu valign issue in IE

pull/1785/head
jlukic 10 years ago
parent
commit
512abdf83a
2 changed files with 4 additions and 6 deletions
  1. 9
      src/definitions/collections/menu.less
  2. 1
      src/themes/default/collections/menu.variables

9
src/definitions/collections/menu.less

@ -633,18 +633,15 @@
/* Active */ /* Active */
.ui.tabular.menu .active.item { .ui.tabular.menu .active.item {
position: relative; position: relative;
border-bottom: none;
vertical-align: bottom;
background-color: @tabularMenuActiveBackground; background-color: @tabularMenuActiveBackground;
color: @tabularActiveColor; color: @tabularActiveColor;
border-color: @tabularBorderColor; border-color: @tabularBorderColor;
font-weight: @tabularActiveWeight; font-weight: @tabularActiveWeight;
margin-bottom: -@tabularBorderWidth; margin-bottom: -@tabularBorderWidth;
box-shadow: @tabularActiveBoxShadow;
border-bottom: none;
box-shadow: 0px (2 * @tabularBorderWidth) 0px -@tabularBorderWidth @tabularBackgroundColor;
border-radius: @tabularBorderRadius @tabularBorderRadius 0px 0px; border-radius: @tabularBorderRadius @tabularBorderRadius 0px 0px;
} }

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

@ -244,6 +244,7 @@
@tabularFluidWidth: ~"calc(100% + "(@tabularFluidOffset * 2)~")"; @tabularFluidWidth: ~"calc(100% + "(@tabularFluidOffset * 2)~")";
@tabularActiveColor: @selectedTextColor; @tabularActiveColor: @selectedTextColor;
@tabularActiveBoxShadow: none;
@tabularMenuActiveBackground: #FFFFFF; @tabularMenuActiveBackground: #FFFFFF;
@tabularActiveWeight: bold; @tabularActiveWeight: bold;

|||||||
100:0
Loading…
Cancel
Save