Adds coupling for ribbon label with reveal #5681

Semantic-Org · Jan 29, 2018 · c423611 · c423611
1 parent 3c72588
commit c423611
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less
@@ -122,6 +122,7 @@ a.ui.label {
   margin-top: @lineHeightOffset;
 }
 
+
 /* Remove border radius on attached segment */
 .ui.attached.segment > .ui.top.left.attached.label,
 .ui.bottom.attached.segment > .ui.top.left.attached.label  {

diff --git a/src/definitions/elements/reveal.less b/src/definitions/elements/reveal.less
@@ -233,6 +233,14 @@
 }
 
 
+/*******************************
+           Coupling
+*******************************/
+
+.ui.reveal > .ui.ribbon.label {
+  z-index: @overlayZIndex;
+}
+
 /*******************************
            Variations
 *******************************/

diff --git a/src/themes/default/elements/reveal.variables b/src/themes/default/elements/reveal.variables
@@ -10,8 +10,9 @@
 @bottomZIndex: 2;
 @topZIndex: 3;
 @activeZIndex: 4;
+@overlayZIndex: 5;
 
 /* Types */
 @rotateDegrees: 110deg;
 @moveTransition: transform @transitionDuration @transitionEasing @transitionDelay;
-@slideTransition: transform @transitionDuration @defaultEasing @transitionDelay;
+@slideTransition: transform @transitionDuration @defaultEasing @transitionDelay;