tiered menu: fixes sub menu active item color

Former-commit-id: 0fb69ad97c Former-commit-id: 625a3e7a9b
11 years ago · f8f530ca99
10 changed files with 30 additions and 30 deletions
--- a/build/less/collections/menu.less
+++ b/build/less/collections/menu.less
@ -617,7 +617,7 @@
  -moz-box-shadow: none;
  box-shadow: none;

-  color: rgba(0, 0, 0, 0.7);
+  color: rgba(0, 0, 0, 0.7) !important;
 }
 .ui.tiered.menu .sub.menu .active.item:after {
  display: none;
@ -627,9 +627,6 @@
 .ui.inverted.tiered.menu > .menu > .item {
  color: rgba(255, 255, 255, 0.5);
 }
-.ui.inverted.tiered.menu .active.item:after {
-  display: none;
-}
 .ui.inverted.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.2);
 }
@ -641,9 +638,12 @@
 .ui.inverted.tiered.menu > .menu > .item.hover {
  color: rgba(255, 255, 255, 0.9);
 }
+.ui.inverted.tiered.menu .active.item:after {
+  display: none;
+}
 .ui.inverted.tiered.menu > .sub.menu > .active.item,
 .ui.inverted.tiered.menu > .menu > .active.item {
-  color: rgba(255, 255, 255, 1);
+  color: rgba(255, 255, 255, 1) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
--- a/build/minified/collections/menu.min.css
+++ b/build/minified/collections/menu.min.css
--- a/build/packaged/css/semantic.min.css.REMOVED.git-id
+++ b/build/packaged/css/semantic.min.css.REMOVED.git-id
@ -1 +1 @@
-a66ff5328a3d40943e39ffb76f27787e9eb1f1f7
+b7bea73a37a0cf3afeeb9f20efc3e4db6d2f072f
--- a/build/uncompressed/collections/menu.css
+++ b/build/uncompressed/collections/menu.css
@ -475,7 +475,7 @@
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
-  color: rgba(0, 0, 0, 0.7);
+  color: rgba(0, 0, 0, 0.7) !important;
 }
 .ui.tiered.menu .sub.menu .active.item:after {
  display: none;
@ -484,9 +484,6 @@
 .ui.inverted.tiered.menu > .menu > .item {
  color: rgba(255, 255, 255, 0.5);
 }
-.ui.inverted.tiered.menu .active.item:after {
-  display: none;
-}
 .ui.inverted.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.2);
 }
@ -497,9 +494,12 @@
 .ui.inverted.tiered.menu > .menu > .item.hover {
  color: rgba(255, 255, 255, 0.9);
 }
+.ui.inverted.tiered.menu .active.item:after {
+  display: none;
+}
 .ui.inverted.tiered.menu > .sub.menu > .active.item,
 .ui.inverted.tiered.menu > .menu > .active.item {
-  color: #ffffff;
+  color: #ffffff !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
--- a/node/src/files/release/less/collections/menu.less
+++ b/node/src/files/release/less/collections/menu.less
@ -617,7 +617,7 @@
  -moz-box-shadow: none;
  box-shadow: none;

-  color: rgba(0, 0, 0, 0.7);
+  color: rgba(0, 0, 0, 0.7) !important;
 }
 .ui.tiered.menu .sub.menu .active.item:after {
  display: none;
@ -627,9 +627,6 @@
 .ui.inverted.tiered.menu > .menu > .item {
  color: rgba(255, 255, 255, 0.5);
 }
-.ui.inverted.tiered.menu .active.item:after {
-  display: none;
-}
 .ui.inverted.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.2);
 }
@ -641,9 +638,12 @@
 .ui.inverted.tiered.menu > .menu > .item.hover {
  color: rgba(255, 255, 255, 0.9);
 }
+.ui.inverted.tiered.menu .active.item:after {
+  display: none;
+}
 .ui.inverted.tiered.menu > .sub.menu > .active.item,
 .ui.inverted.tiered.menu > .menu > .active.item {
-  color: rgba(255, 255, 255, 1);
+  color: rgba(255, 255, 255, 1) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
--- a/node/src/files/release/minified/collections/menu.min.css
+++ b/node/src/files/release/minified/collections/menu.min.css
--- a/node/src/files/release/packaged/css/semantic.min.css.REMOVED.git-id
+++ b/node/src/files/release/packaged/css/semantic.min.css.REMOVED.git-id
@ -1 +1 @@
-a66ff5328a3d40943e39ffb76f27787e9eb1f1f7
+b7bea73a37a0cf3afeeb9f20efc3e4db6d2f072f
--- a/node/src/files/release/semantic.zip.REMOVED.git-id
+++ b/node/src/files/release/semantic.zip.REMOVED.git-id
@ -1 +1 @@
-b3b7616f449da7a49e42b145c090728d63ab2720
+7e17ab66b7b3a4f44ff4da9eb03403ca826b969f
--- a/node/src/files/release/uncompressed/collections/menu.css
+++ b/node/src/files/release/uncompressed/collections/menu.css
@ -475,7 +475,7 @@
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
-  color: rgba(0, 0, 0, 0.7);
+  color: rgba(0, 0, 0, 0.7) !important;
 }
 .ui.tiered.menu .sub.menu .active.item:after {
  display: none;
@ -484,9 +484,6 @@
 .ui.inverted.tiered.menu > .menu > .item {
  color: rgba(255, 255, 255, 0.5);
 }
-.ui.inverted.tiered.menu .active.item:after {
-  display: none;
-}
 .ui.inverted.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.2);
 }
@ -497,9 +494,12 @@
 .ui.inverted.tiered.menu > .menu > .item.hover {
  color: rgba(255, 255, 255, 0.9);
 }
+.ui.inverted.tiered.menu .active.item:after {
+  display: none;
+}
 .ui.inverted.tiered.menu > .sub.menu > .active.item,
 .ui.inverted.tiered.menu > .menu > .active.item {
-  color: #ffffff;
+  color: #ffffff !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
--- a/src/collections/menu.less
+++ b/src/collections/menu.less
@ -617,7 +617,7 @@
  -moz-box-shadow: none;
  box-shadow: none;

-  color: rgba(0, 0, 0, 0.7);
+  color: rgba(0, 0, 0, 0.7) !important;
 }
 .ui.tiered.menu .sub.menu .active.item:after {
  display: none;
@ -627,9 +627,6 @@
 .ui.inverted.tiered.menu > .menu > .item {
  color: rgba(255, 255, 255, 0.5);
 }
-.ui.inverted.tiered.menu .active.item:after {
-  display: none;
-}
 .ui.inverted.tiered.menu .sub.menu {
  background-color: rgba(0, 0, 0, 0.2);
 }
@ -641,9 +638,12 @@
 .ui.inverted.tiered.menu > .menu > .item.hover {
  color: rgba(255, 255, 255, 0.9);
 }
+.ui.inverted.tiered.menu .active.item:after {
+  display: none;
+}
 .ui.inverted.tiered.menu > .sub.menu > .active.item,
 .ui.inverted.tiered.menu > .menu > .active.item {
-  color: rgba(255, 255, 255, 1);
+  color: rgba(255, 255, 255, 1) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;