From c04877a4f9100afcd18f0888a4fd034e338c5efe Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 28 Apr 2015 15:52:46 -0400
Subject: [PATCH] Fixes #2157 #2158 Issue with link styles applying to UI
 inside ui list

---
 RELEASE-NOTES.md                   |  1 +
 src/definitions/elements/list.less | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
index d7923e422..dab4edee7 100644
--- a/RELEASE-NOTES.md
+++ b/RELEASE-NOTES.md
@@ -103,6 +103,7 @@
 - **Input** - Fixed improper left padding on `transparent left icon input` **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
+- **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** - Fixed `inverted bulleted list` bullet color
 - **List** - Fix first element touches border on `ui horizontal celled list`
diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less
index 68b85cab4..1ffe68588 100755
--- a/src/definitions/elements/list.less
+++ b/src/definitions/elements/list.less
@@ -195,11 +195,11 @@ ol.ui.list ol,
 }
 
 /* Linking Content */
-.ui.list .item a {
+.ui.list .item a:not(.ui) {
   cursor: pointer;
   color: @itemLinkColor !important;
 }
-.ui.list .item a:hover {
+.ui.list .item a:not(.ui):hover {
   color: @itemLinkHoverColor !important;
 }
 
@@ -369,11 +369,11 @@ ol.ui.list ol,
 
 
 /* Linking Content */
-.ui.inverted.list .item a {
+.ui.inverted.list .item a:not(.ui) {
   cursor: pointer;
   color: @invertedItemLinkColor !important;
 }
-.ui.inverted.list .item a:hover {
+.ui.inverted.list .item a:not(.ui):hover {
   color: @invertedItemLinkHoverColor !important;
 }
 
@@ -383,39 +383,39 @@ ol.ui.list ol,
 
 .ui.link.list .item,
 .ui.link.list a.item,
-.ui.link.list .item a {
+.ui.link.list .item a:not(.ui) {
   color: @linkListItemColor;
   transition: @linkListTransition;
 }
 .ui.link.list a.item:hover,
-.ui.link.list .item a:hover {
+.ui.link.list .item a:not(.ui):hover {
   color: @linkListItemHoverColor;
 }
 .ui.link.list a.item:active,
-.ui.link.list .item a:active {
+.ui.link.list .item a:not(.ui):active {
   color: @linkListItemDownColor;
 }
 .ui.link.list .active.item,
-.ui.link.list .active.item a {
+.ui.link.list .active.item a:not(.ui) {
   color: @linkListItemActiveColor;
 }
 
 /* Inverted */
 .ui.inverted.link.list .item,
 .ui.inverted.link.list a.item,
-.ui.inverted.link.list .item a {
+.ui.inverted.link.list .item a:not(.ui) {
   color: @invertedLinkListItemColor;
 }
 .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;
 }
 .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;
 }
 .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;
 }