diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index d09bcbb32..99a191632 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -258,6 +258,7 @@ .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img { margin-left: 0em; + float: @itemElementFloat; margin-right: @itemElementDistance; } @@ -606,7 +607,7 @@ select.ui.dropdown { .ui.dropdown .menu > .item:hover { background: @hoveredItemBackground; color: @hoveredItemColor; - z-index: 12; + z-index: @hoveredZIndex; } /*-------------------- diff --git a/src/themes/default/modules/dropdown.variables b/src/themes/default/modules/dropdown.variables index 543002fe9..3b3e3edbb 100644 --- a/src/themes/default/modules/dropdown.variables +++ b/src/themes/default/modules/dropdown.variables @@ -49,10 +49,10 @@ @itemHeight: auto; @itemDivider: none; @itemColor: @textColor; -@itemVerticalPadding: 0.65rem; -@itemHorizontalPadding: 1.25rem; +@itemVerticalPadding: @relativeMini; +@itemHorizontalPadding: @relativeLarge; @itemFontWeight: normal; -@itemLineHeight: 1.2em; +@itemLineHeight: 1em; @itemLineHeightOffset: (@itemLineHeight - 1em); @itemTextTransform: none; @itemBoxShadow: none; @@ -91,6 +91,7 @@ @menuImageMaxHeight: 2.5em; /* Item Sub-Element */ +@itemElementFloat: none; @itemElementDistance: 0.75em; /* Sub-Menu Dropdown Icon */ @@ -212,6 +213,7 @@ /* Hovered */ @hoveredItemBackground: @transparentBlack; @hoveredItemColor: @selectedTextColor; +@hoveredZIndex: @menuZIndex + 2; /* Default Text */ @defaultTextColor: rgba(179, 179, 179, 0.7); @@ -221,8 +223,8 @@ @loadingZIndex: -1; /* Active Menu Item */ -@activeItemBackground: transparent; @activeItemZIndex: @menuZIndex + 1; +@activeItemBackground: transparent; @activeItemBoxShadow: none; @activeItemFontWeight: bold; @activeItemColor: @selectedTextColor;