Skip to content

Commit d296b9a

Browse files
authored
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
1 parent 6515b88 commit d296b9a

File tree

2 files changed

+11
-1
lines changed

2 files changed

+11
-1
lines changed

src/definitions/elements/label.less

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -551,8 +551,10 @@ a.ui.label {
551551
Disabled
552552
--------------------*/
553553
& when (@variationLabelDisabled) {
554+
.ui.disabled.labels .label,
554555
.ui.label.disabled {
555-
opacity: 0.5;
556+
opacity: @disabledOpacity;
557+
pointer-events: @disabledPointerEvents;
556558
}
557559
}
558560
/*-------------------
@@ -686,6 +688,13 @@ a.ui.active.label:hover::before {
686688
}
687689
}
688690

691+
& when (@variationLabelCentered) {
692+
.ui.centered.labels .label,
693+
.ui.centered.label {
694+
text-align: center;
695+
}
696+
}
697+
689698
& when (@variationLabelInverted) {
690699
/*-------------------
691700
Inverted

src/themes/default/globals/variation.variables

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -152,6 +152,7 @@
152152
@variationLabelBasic: true;
153153
@variationLabelAttached: true;
154154
@variationLabelFluid: true;
155+
@variationLabelCentered: true;
155156
@variationLabelSizes: @variationAllSizes;
156157
@variationLabelColors: @variationAllColors;
157158

0 commit comments

Comments
 (0)