diff --git a/src/elements/icon.less b/src/elements/icon.less index fb5575d8e..1a4ea17d1 100755 --- a/src/elements/icon.less +++ b/src/elements/icon.less @@ -441,7 +441,6 @@ i.icon.zoom.out:before { content: "\f010"; } i.icon.check:before { content: "\f00c"; } i.icon.close:before { content: "\f00d"; } i.icon.delete:before { content: "\f00d"; } -i.icon.dropdown:before { content: "\f0d7"; } i.icon.like:before { content: "\f004"; } i.icon.plus:before { content: "\f067"; } i.icon.signup:before { content: "\f044"; } @@ -451,11 +450,6 @@ i.icon.signup:before { content: "\f044"; } Spacing Fix ---------------*/ -/* dropdown arrows are to the right */ -i.dropdown.icon { - margin: 0em 0em 0em 0.5em; -} - /* stars are usually consecutive */ i.icon.star { width: auto; diff --git a/src/modules/dropdown.less b/src/modules/dropdown.less index d42be23ca..4f7b587e8 100755 --- a/src/modules/dropdown.less +++ b/src/modules/dropdown.less @@ -41,6 +41,15 @@ ; } + +/******************************* + Content +*******************************/ + +/*-------------- + Menu +---------------*/ + .ui.dropdown .menu { position: absolute; display: none; @@ -70,12 +79,33 @@ z-index: 11; } -/* Dropdown Icon */ +/*-------------- + Icon +---------------*/ + .ui.dropdown > .dropdown.icon { width: auto; + margin: 0em 0em 0em 0.5em; +} + +.ui.dropdown > .dropdown.icon:before { + content: "\f0d7"; } -/* Dropdown Text */ +.ui.dropdown .menu .item .dropdown.icon { + width: auto; + float: right; + margin: 0em 0em 0em 0.5em; +} +.ui.dropdown .menu .item .dropdown.icon:before { + content: "\f0da"; +} + + +/*-------------- + Text +---------------*/ + .ui.dropdown > .text { cursor: pointer; display: inline-block; @@ -91,13 +121,12 @@ .ui.dropdown .menu { left: 0px; } -.ui.menu .dropdown:last-child .menu, -.ui > .ui.dropdown:last-child .menu { - left: auto; - right: 0px; -} -/* Sub Menu Position */ + +/*-------------- + Sub Menu +---------------*/ + .ui.dropdown .menu .menu { top: 0% !important; left: 100% !important; @@ -137,6 +166,17 @@ border-top: none; } +/******************************* + Coupling +*******************************/ + +/* Opposite on last menu on right */ +.ui.menu .right.menu .dropdown:last-child .menu, +.ui.button > .ui.dropdown:last-child .menu { + left: auto; + right: 0px; +} + /******************************* States