app/assets/stylesheets/semantic-ui/collections/menu.less in semantic-ui-rails-0.8.6.1 vs app/assets/stylesheets/semantic-ui/collections/menu.less in semantic-ui-rails-0.9.0
- old
+ new
@@ -275,14 +275,18 @@
/*--------------
Dropdowns
---------------*/
.ui.menu .dropdown.item .menu {
left: 1px;
- margin: 1px 0px 0px 0px;
+ margin: 0px;
min-width: calc(100% - 1px);
- box-shadow: 0 1px 1px 1px #DDDDDD;
+ box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
+.ui.secondary.menu .dropdown.item .menu {
+ left: 0px;
+ min-width: 100%;
+}
.ui.menu .pointing.dropdown.item .menu {
margin-top: 0.75em;
}
.ui.menu .simple.dropdown.item .menu {
margin: 0px !important;
@@ -848,12 +852,12 @@
}
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
color: rgba(255, 255, 255, 0.9);
}
-.ui.secondary.inverted.menu > .active.item {
- background-color: rgba(255, 255, 255, 0.9);
+.ui.secondary.inverted.menu .active.item {
+ background-color: rgba(255, 255, 255, 0.1);
}
/* disable variations */
.ui.secondary.item.menu > .item {
@@ -901,12 +905,15 @@
;
}
/* Item Types */
.ui.secondary.pointing.menu .header.item {
- border-right-width: 0px;
- font-weight: bold;
+ margin-bottom: -3px;
+ background-color: transparent !important;
+ border-right-width: 0px !important;
+ font-weight: bold !important;
+ color: rgba(0, 0, 0, 0.8) !important;
}
.ui.secondary.pointing.menu .text.item {
box-shadow: none !important;
}
.ui.secondary.pointing.menu > .menu > .item:after,
@@ -1005,25 +1012,30 @@
border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu > .item {
color: rgba(255, 255, 255, 0.7);
}
+.ui.secondary.inverted.pointing.menu > .header.item {
+ color: #FFFFFF !important;
+}
/* Hover */
-.ui.secondary.inverted.pointing.menu > .item.hover,
+.ui.secondary.inverted.pointing.menu > .menu > .item:hover,
.ui.secondary.inverted.pointing.menu > .item:hover {
color: rgba(255, 255, 255, 0.85);
}
/* Down */
+.ui.secondary.inverted.pointing.menu > .menu > .item:active,
.ui.secondary.inverted.pointing.menu > .item:active {
- border-color: rgba(255, 255, 255, 0.4) !important;
+ border-color: rgba(255, 255, 255, 0.4);
}
/* Active */
+.ui.secondary.inverted.pointing.menu > .menu > .item.active,
.ui.secondary.inverted.pointing.menu > .item.active {
- border-color: rgba(255, 255, 255, 0.8) !important;
+ border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 1);
}
/*---------------------
Inverted Vertical
@@ -1393,15 +1405,15 @@
color: rgba(255, 255, 255, 1);
}
/*--- Pointers ---*/
.ui.inverted.pointing.menu .active.item:after {
- background-color: #505050;
+ background-color: #5B5B5B;
box-shadow: none;
}
.ui.inverted.pointing.menu .active.item:hover:after {
- background-color: #3B3B3B;
+ background-color: #4A4A4A;
}
/*--------------
Selection
@@ -1653,10 +1665,10 @@
Pointing
--------------------*/
.ui.pointing.menu .active.item:after {
position: absolute;
- bottom: -0.35em;
+ bottom: -0.3em;
left: 50%;
content: "";
margin-left: -0.3em;
width: 0.6em;
\ No newline at end of file