Skip to content

Commit

Permalink
feat(segment): wrapping in addition to stackable
Browse files Browse the repository at this point in the history
This PR adds an alias wrapping to the current stackable horizontal segments for consistency as we already use wrapping for button groups or menu items which actually wrap single elements instead of stacking all of them at once which is meant by "stackable" in every other element.

The horizontal stackable variant gets deprecated and will be removed in 2.10
  • Loading branch information
lubber-de authored Feb 19, 2023
1 parent 72d102a commit 17aa72d
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/definitions/elements/segment.less
Original file line number Diff line number Diff line change
Expand Up @@ -437,6 +437,7 @@
border-radius: @groupedBorderRadius;
border: @groupedBorder;
}
.ui.wrapping.horizontal.segments,
.ui.stackable.horizontal.segments {
flex-wrap: wrap;
}
Expand Down Expand Up @@ -473,7 +474,7 @@
.ui.segments > .horizontal.segments:first-child {
border-top: none;
}
.ui.horizontal.segments:not(.stackable) > .segment:first-child {
.ui.horizontal.segments:not(.stackable):not(.wrapping) > .segment:first-child {
border-left: none;
}
.ui.horizontal.segments > .segment:first-child {
Expand Down

0 comments on commit 17aa72d

Please sign in to comment.