fix(label): disabled and centered label(s)

- new centered variant (useful for fluid or attached labels) to center text inside label - disable pointer events on disabled labels and support groups
fomantic · Nov 17, 2022 · d296b9a · d296b9a
1 parent 6515b88
commit d296b9a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less
@@ -551,8 +551,10 @@ a.ui.label {
       Disabled
 --------------------*/
 & when (@variationLabelDisabled) {
+  .ui.disabled.labels .label,
   .ui.label.disabled {
-    opacity: 0.5;
+    opacity: @disabledOpacity;
+    pointer-events: @disabledPointerEvents;
   }
 }
 /*-------------------
@@ -686,6 +688,13 @@ a.ui.active.label:hover::before {
   }
 }
 
+& when (@variationLabelCentered) {
+  .ui.centered.labels .label,
+  .ui.centered.label {
+    text-align: center;
+  }
+}
+
 & when (@variationLabelInverted) {
   /*-------------------
          Inverted

diff --git a/src/themes/default/globals/variation.variables b/src/themes/default/globals/variation.variables
@@ -152,6 +152,7 @@
 @variationLabelBasic: true;
 @variationLabelAttached: true;
 @variationLabelFluid: true;
+@variationLabelCentered: true;
 @variationLabelSizes: @variationAllSizes;
 @variationLabelColors: @variationAllColors;