Skip to content

Commit

Permalink
fix(segment): horizontal segments lost rounded corners
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
ko2in authored Jul 17, 2020
1 parent 3f0ceaa commit 7cc71fd
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src/definitions/elements/segment.less
Original file line number Diff line number Diff line change
Expand Up @@ -469,6 +469,12 @@
.ui.horizontal.segments:not(.stackable) > .segment:first-child {
border-left: none;
}
.ui.horizontal.segments > .segment:first-child {
border-radius: @borderRadius 0 0 @borderRadius;
}
.ui.horizontal.segments > .segment:last-child {
border-radius: 0 @borderRadius @borderRadius 0;
}
}
}

Expand Down

0 comments on commit 7cc71fd

Please sign in to comment.