Browse Source

Fixes #2157 #2158 Issue with link styles applying to UI inside ui list

pull/2209/head
jlukic 10 years ago
parent
commit
c04877a4f9
2 changed files with 13 additions and 12 deletions
  1. 1
      RELEASE-NOTES.md
  2. 24
      src/definitions/elements/list.less

1
RELEASE-NOTES.md

@ -103,6 +103,7 @@
- **Input** - Fixed improper left padding on `transparent left icon input` **Thanks @zxfwinder** - **Input** - Fixed improper left padding on `transparent left icon input` **Thanks @zxfwinder**
- **Input** - Fixed `placeholder` color not changing correctly on focus **Thanks @zxfwinder** - **Input** - Fixed `placeholder` color not changing correctly on focus **Thanks @zxfwinder**
- **Label** - Labels inside `header` now vertical align better by accounting for line height offset - **Label** - Labels inside `header` now vertical align better by accounting for line height offset
- **List** - `a` elements inside a `ui list` will no longer apply styles on `ui` elements like `button`
- **List** - Bullets and numbers are no longer selectable in `bulleted list` and `ordered list` - **List** - Bullets and numbers are no longer selectable in `bulleted list` and `ordered list`
- **List** - Fixed `inverted bulleted list` bullet color - **List** - Fixed `inverted bulleted list` bullet color
- **List** - Fix first element touches border on `ui horizontal celled list` - **List** - Fix first element touches border on `ui horizontal celled list`

24
src/definitions/elements/list.less

@ -195,11 +195,11 @@ ol.ui.list ol,
} }
/* Linking Content */ /* Linking Content */
.ui.list .item a {
.ui.list .item a:not(.ui) {
cursor: pointer; cursor: pointer;
color: @itemLinkColor !important; color: @itemLinkColor !important;
} }
.ui.list .item a:hover {
.ui.list .item a:not(.ui):hover {
color: @itemLinkHoverColor !important; color: @itemLinkHoverColor !important;
} }
@ -369,11 +369,11 @@ ol.ui.list ol,
/* Linking Content */ /* Linking Content */
.ui.inverted.list .item a {
.ui.inverted.list .item a:not(.ui) {
cursor: pointer; cursor: pointer;
color: @invertedItemLinkColor !important; color: @invertedItemLinkColor !important;
} }
.ui.inverted.list .item a:hover {
.ui.inverted.list .item a:not(.ui):hover {
color: @invertedItemLinkHoverColor !important; color: @invertedItemLinkHoverColor !important;
} }
@ -383,39 +383,39 @@ ol.ui.list ol,
.ui.link.list .item, .ui.link.list .item,
.ui.link.list a.item, .ui.link.list a.item,
.ui.link.list .item a {
.ui.link.list .item a:not(.ui) {
color: @linkListItemColor; color: @linkListItemColor;
transition: @linkListTransition; transition: @linkListTransition;
} }
.ui.link.list a.item:hover, .ui.link.list a.item:hover,
.ui.link.list .item a:hover {
.ui.link.list .item a:not(.ui):hover {
color: @linkListItemHoverColor; color: @linkListItemHoverColor;
} }
.ui.link.list a.item:active, .ui.link.list a.item:active,
.ui.link.list .item a:active {
.ui.link.list .item a:not(.ui):active {
color: @linkListItemDownColor; color: @linkListItemDownColor;
} }
.ui.link.list .active.item, .ui.link.list .active.item,
.ui.link.list .active.item a {
.ui.link.list .active.item a:not(.ui) {
color: @linkListItemActiveColor; color: @linkListItemActiveColor;
} }
/* Inverted */ /* Inverted */
.ui.inverted.link.list .item, .ui.inverted.link.list .item,
.ui.inverted.link.list a.item, .ui.inverted.link.list a.item,
.ui.inverted.link.list .item a {
.ui.inverted.link.list .item a:not(.ui) {
color: @invertedLinkListItemColor; color: @invertedLinkListItemColor;
} }
.ui.inverted.link.list a.item:hover, .ui.inverted.link.list a.item:hover,
.ui.inverted.link.list .item a:hover {
.ui.inverted.link.list .item a:not(.ui):hover {
color: @invertedLinkListItemHoverColor; color: @invertedLinkListItemHoverColor;
} }
.ui.inverted.link.list a.item:active, .ui.inverted.link.list a.item:active,
.ui.inverted.link.list .item a:active {
.ui.inverted.link.list .item a:not(.ui):active {
color: @invertedLinkListItemDownColor; color: @invertedLinkListItemDownColor;
} }
.ui.inverted.link.list a.active.item, .ui.inverted.link.list a.active.item,
.ui.inverted.link.list .active.item a {
.ui.inverted.link.list .active.item a:not(.ui) {
color: @invertedLinkListItemActiveColor; color: @invertedLinkListItemActiveColor;
} }

Loading…
Cancel
Save