Browse Source

Fixes for text menu:

pull/2034/head
jlukic 9 years ago
parent
commit
5d508dbb2b
2 changed files with 48 additions and 8 deletions
  1. 51
      src/definitions/collections/menu.less
  2. 5
      src/themes/default/collections/menu.variables

51
src/definitions/collections/menu.less

@ -212,10 +212,14 @@
Dropdowns Dropdowns
---------------*/ ---------------*/
.ui.menu .ui.dropdown.item {
.ui.menu .ui.dropdown.item .visible.menu {
display: block; display: block;
} }
.ui.menu .ui.active.dropdown.item {
font-weight: normal;
}
/* Dropdown Icon */ /* Dropdown Icon */
.ui.menu .item > i.dropdown.icon { .ui.menu .item > i.dropdown.icon {
padding: 0em; padding: 0em;
@ -784,6 +788,11 @@ Floated Menu / Item
background: @secondaryHeaderBackground; background: @secondaryHeaderBackground;
} }
/* Image */
.ui.secondary.menu .item > img:not(.ui) {
margin: 0em;
}
/* Hover */ /* Hover */
.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover, .ui.secondary.menu .link.item:hover,
@ -938,7 +947,7 @@ Floated Menu / Item
border-bottom-width: 0px; border-bottom-width: 0px;
border-right-width: @secondaryPointingBorderWidth; border-right-width: @secondaryPointingBorderWidth;
border-right-style: solid; border-right-style: solid;
border-right-color: transparent;
border-right-color: @secondaryPointingBorderColor;
} }
.ui.secondary.vertical.pointing.menu > .item { .ui.secondary.vertical.pointing.menu > .item {
border-bottom: none; border-bottom: none;
@ -980,14 +989,19 @@ Floated Menu / Item
padding: 0em; padding: 0em;
border-radius: 0px; border-radius: 0px;
box-shadow: none; box-shadow: none;
opacity: @textMenuItemOpacity;
align-self: center;
margin: @textMenuItemMargin; margin: @textMenuItemMargin;
color: @textMenuItemColor;
transition: @textMenuItemTransition; transition: @textMenuItemTransition;
} }
/* Border */
.ui.text.menu > .item:before, .ui.text.menu > .item:before,
.ui.text.menu .menu > .item:before { .ui.text.menu .menu > .item:before {
display: none !important; display: none !important;
} }
/* Header */
.ui.text.menu .header.item { .ui.text.menu .header.item {
background-color: transparent; background-color: transparent;
padding: 0em; padding: 0em;
@ -997,8 +1011,10 @@ Floated Menu / Item
text-transform: @textMenuHeaderTextTransform; text-transform: @textMenuHeaderTextTransform;
font-weight: @textMenuHeaderFontWeight; font-weight: @textMenuHeaderFontWeight;
} }
.ui.text.menu .text.item {
opacity: 1;
/* Image */
.ui.text.menu .item > img:not(.ui) {
margin: 0em;
} }
/*--- fluid text ---*/ /*--- fluid text ---*/
@ -1038,9 +1054,9 @@ Floated Menu / Item
background-color: transparent; background-color: transparent;
padding: 0em; padding: 0em;
border: none; border: none;
opacity: 1;
font-weight: bold;
box-shadow: none; box-shadow: none;
font-weight: @textMenuActiveItemFontWeight;
color: @textMenuActiveItemColor;
} }
/*--- active hover ---*/ /*--- active hover ---*/
@ -1145,6 +1161,27 @@ Floated Menu / Item
Variations Variations
*******************************/ *******************************/
/*--------------
Stackable
---------------*/
@media only screen and (max-width: @largestMobileScreen) {
.ui.stackable.menu {
flex-direction: column;
}
.ui.stackable.menu .item:before {
position: absolute;
content: '';
top: 0%;
left: 0px;
width: 100%;
height: @dividerSize;
background: @verticalDividerBackground;
height: 1px;
}
}
/*-------------- /*--------------
Colors Colors
---------------*/ ---------------*/

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

@ -299,10 +299,13 @@
@textMenuMargin: @relativeLarge -@textMenuItemSpacing; @textMenuMargin: @relativeLarge -@textMenuItemSpacing;
@textMenuItemSpacing: 1em; @textMenuItemSpacing: 1em;
@textMenuItemOpacity: 0.8;
@textMenuItemColor: rgba(0, 0, 0, 0.6);
@textMenuItemMargin: 0em @textMenuItemSpacing; @textMenuItemMargin: 0em @textMenuItemSpacing;
@textMenuItemTransition: opacity @transitionDuration @transitionEasing; @textMenuItemTransition: opacity @transitionDuration @transitionEasing;
@textMenuActiveItemFontWeight: bold;
@textMenuActiveItemColor: @selectedTextColor;
@textMenuHeaderSize: @relativeSmall; @textMenuHeaderSize: @relativeSmall;
@textMenuHeaderColor: @darkTextColor; @textMenuHeaderColor: @darkTextColor;
@textMenuHeaderFontWeight: bold; @textMenuHeaderFontWeight: bold;

Loading…
Cancel
Save