Skip to content

Commit

Permalink
fix(label): content margin after two attached labels
Browse files Browse the repository at this point in the history
Non-attached content coming after two top attached labels should have increased margin. Currently this is done only for the case where there is one top attached label. In my use case, I have a card with a top right and top left attached label.
  • Loading branch information
bborn authored and Sean committed Jul 25, 2019
1 parent 0b9801b commit 2510ea9
Showing 1 changed file with 3 additions and 4 deletions.
7 changes: 3 additions & 4 deletions src/definitions/elements/label.less
Original file line number Diff line number Diff line change
Expand Up @@ -159,12 +159,11 @@ a.ui.label {
}

/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached),
.ui.top.attached.label + [class*="right floated"] + * {
.ui.top.attached.label ~ :first-of-type:not(.attached) {
margin-top: @attachedSegmentPadding !important;
}
.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
margin-top: 0;
.ui.bottom.attached.label ~ :last-child:not(.attached) {
margin-top:0;
margin-bottom: @attachedSegmentPadding !important;
}

Expand Down

0 comments on commit 2510ea9

Please sign in to comment.