Skip to content

Commit

Permalink
Fix inheritance issue with segments #4013
Browse files Browse the repository at this point in the history
  • Loading branch information
jlukic committed Jul 3, 2017
1 parent af6ddfa commit f8e295f
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 13 deletions.
1 change: 1 addition & 0 deletions RELEASE-NOTES.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@
- **Message** - Fix issue with `compact icon message` not appearing compact #4759
- **Menu** - Fixed issue where `left menu` and `right menu` did not display correctly in `stackable menu` on mobile #3604 #5116 **Thanks @BleuDiamant @Traverse**
- **Popup** - Fixed issue where popup would incorrectly add itself to the wrong offset context when using `popup` and `target` setting together in cases where the `target` has a different `offsetParent` than the activating element.
- **Segment** - Fixed issue where using colored segment e.g. `red segment` inside `segments` would not work when `:first-child` #4013
- **Sticky** - Fixed an issue where `ui sticky` used with a percentage based width would not resize properly if the content size of container changed when "stuck" #4360
- **Dimmer** - Fixed typo causing body dimmer to add unnecessary `position: relative;` **Thanks @jinyangzhen** #4707

Expand Down
26 changes: 13 additions & 13 deletions src/definitions/elements/segment.less
Original file line number Diff line number Diff line change
Expand Up @@ -495,7 +495,7 @@

/* Red */
.ui.red.segment:not(.inverted) {
border-top: @coloredBorderSize solid @red;
border-top: @coloredBorderSize solid @red !important;
}
.ui.inverted.red.segment {
background-color: @red !important;
Expand All @@ -504,7 +504,7 @@

/* Orange */
.ui.orange.segment:not(.inverted) {
border-top: @coloredBorderSize solid @orange;
border-top: @coloredBorderSize solid @orange !important;
}
.ui.inverted.orange.segment {
background-color: @orange !important;
Expand All @@ -513,7 +513,7 @@

/* Yellow */
.ui.yellow.segment:not(.inverted) {
border-top: @coloredBorderSize solid @yellow;
border-top: @coloredBorderSize solid @yellow !important;
}
.ui.inverted.yellow.segment {
background-color: @yellow !important;
Expand All @@ -522,7 +522,7 @@

/* Olive */
.ui.olive.segment:not(.inverted) {
border-top: @coloredBorderSize solid @olive;
border-top: @coloredBorderSize solid @olive !important;
}
.ui.inverted.olive.segment {
background-color: @olive !important;
Expand All @@ -531,7 +531,7 @@

/* Green */
.ui.green.segment:not(.inverted) {
border-top: @coloredBorderSize solid @green;
border-top: @coloredBorderSize solid @green !important;
}
.ui.inverted.green.segment {
background-color: @green !important;
Expand All @@ -540,7 +540,7 @@

/* Teal */
.ui.teal.segment:not(.inverted) {
border-top: @coloredBorderSize solid @teal;
border-top: @coloredBorderSize solid @teal !important;
}
.ui.inverted.teal.segment {
background-color: @teal !important;
Expand All @@ -549,7 +549,7 @@

/* Blue */
.ui.blue.segment:not(.inverted) {
border-top: @coloredBorderSize solid @blue;
border-top: @coloredBorderSize solid @blue !important;
}
.ui.inverted.blue.segment {
background-color: @blue !important;
Expand All @@ -558,7 +558,7 @@

/* Violet */
.ui.violet.segment:not(.inverted) {
border-top: @coloredBorderSize solid @violet;
border-top: @coloredBorderSize solid @violet !important;
}
.ui.inverted.violet.segment {
background-color: @violet !important;
Expand All @@ -567,7 +567,7 @@

/* Purple */
.ui.purple.segment:not(.inverted) {
border-top: @coloredBorderSize solid @purple;
border-top: @coloredBorderSize solid @purple !important;
}
.ui.inverted.purple.segment {
background-color: @purple !important;
Expand All @@ -576,7 +576,7 @@

/* Pink */
.ui.pink.segment:not(.inverted) {
border-top: @coloredBorderSize solid @pink;
border-top: @coloredBorderSize solid @pink !important;
}
.ui.inverted.pink.segment {
background-color: @pink !important;
Expand All @@ -585,7 +585,7 @@

/* Brown */
.ui.brown.segment:not(.inverted) {
border-top: @coloredBorderSize solid @brown;
border-top: @coloredBorderSize solid @brown !important;
}
.ui.inverted.brown.segment {
background-color: @brown !important;
Expand All @@ -594,7 +594,7 @@

/* Grey */
.ui.grey.segment:not(.inverted) {
border-top: @coloredBorderSize solid @grey;
border-top: @coloredBorderSize solid @grey !important;
}
.ui.inverted.grey.segment {
background-color: @grey !important;
Expand All @@ -603,7 +603,7 @@

/* Black */
.ui.black.segment:not(.inverted) {
border-top: @coloredBorderSize solid @black;
border-top: @coloredBorderSize solid @black !important;
}
.ui.inverted.black.segment {
background-color: @black !important;
Expand Down

0 comments on commit f8e295f

Please sign in to comment.