Skip to content

Commit 58863c1

Browse files
authored
feat(segment): colored inverted attached segment should not have a black border
A colored attached segment still remains a black border, which look wrong, espcially when used in non dark backgrounds . This PR sets the same border color to such segments so the border vanishes (border: none would change the padding, thats why setting the same color to the border just as the background was used to solve this) Thanks for @brendon for the original suggestion
1 parent b952467 commit 58863c1

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

src/definitions/elements/segment.less

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -616,13 +616,19 @@
616616
@color: @value;
617617
@c: @colors[@@color][color];
618618
& when not (@color=primary) and not (@color=secondary) {
619-
.ui.@{color}.segment.segment.segment.segment.segment:not(.inverted) {
619+
.ui.ui.ui.ui.ui.@{color}.segment:not(.inverted) {
620620
border-top: @coloredBorderSize solid @c;
621621
}
622622
& when (@variationSegmentInverted) {
623-
.ui.inverted.@{color}.segment.segment.segment.segment.segment {
623+
.ui.ui.ui.ui.ui.inverted.@{color}.segment {
624624
background-color: @c;
625625
color: @white;
626+
& when not (@variationSegmentPiled) and ((@variationSegmentAttached) or (@variationSegmentStacked)) {
627+
border-color: c;
628+
}
629+
}
630+
.ui.ui.inverted.@{color}.segment:not(.piled) when (@variationSegmentPiled) and ((@variationSegmentAttached) or (@variationSegmentStacked)) {
631+
border-color: @c;
626632
}
627633
}
628634
}

0 commit comments

Comments
 (0)