Skip to content

Commit 7cc71fd

Browse files
authored
fix(segment): horizontal segments lost rounded corners
The horizontal segments should have the rounded corner, but the rounded corners seem to be coverd by the background of the segment inside of it. The first and last segment inside the horizontal segments now adjust the border-radius to appear the rounded corner from the horizontal segments.
1 parent 3f0ceaa commit 7cc71fd

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/definitions/elements/segment.less

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -469,6 +469,12 @@
469469
.ui.horizontal.segments:not(.stackable) > .segment:first-child {
470470
border-left: none;
471471
}
472+
.ui.horizontal.segments > .segment:first-child {
473+
border-radius: @borderRadius 0 0 @borderRadius;
474+
}
475+
.ui.horizontal.segments > .segment:last-child {
476+
border-radius: 0 @borderRadius @borderRadius 0;
477+
}
472478
}
473479
}
474480

0 commit comments

Comments
 (0)