Browse Source

Fixes #149, issue with dropdown formatting in menus and dropdown icons

pull/176/merge
jlukic 11 years ago
parent
commit
bc7a876ef1
2 changed files with 48 additions and 14 deletions
  1. 6
      src/elements/icon.less
  2. 56
      src/modules/dropdown.less

6
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;

56
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

Loading…
Cancel
Save