remove :active state on list-groups

connors · Oct 17, 2015 · d017253 · d017253
1 parent 511580a
commit d017253
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 6 deletions.
diff --git a/dist/css/photon.css b/dist/css/photon.css
@@ -715,7 +715,7 @@ img {
 .list-group-item:first-child {
   border-top: 0;
 }
-.list-group-item:active, .list-group-item.selected {
+.list-group-item.active, .list-group-item.selected {
   color: #fff;
   background-color: #116cd6;
 }

diff --git a/dist/css/photon.min.css b/dist/css/photon.min.css
diff --git a/docs/components/lists.html b/docs/components/lists.html
@@ -23,7 +23,7 @@
               <li class="list-group-header">
                 <input class="form-control" type="text" placeholder="Search for someone">
               </li>
-              <li class="list-group-item">
+              <li class="list-group-item active">
                 <img class="img-circle media-object pull-left" src="/assets/img/avatar.jpg" width="32" height="32">
                 <div class="media-body">
                   <strong>List item title</strong>

diff --git a/docs/dist/css/photon.css b/docs/dist/css/photon.css
@@ -715,7 +715,7 @@ img {
 .list-group-item:first-child {
   border-top: 0;
 }
-.list-group-item:active, .list-group-item.selected {
+.list-group-item.active, .list-group-item.selected {
   color: #fff;
   background-color: #116cd6;
 }

diff --git a/docs/dist/css/photon.min.css b/docs/dist/css/photon.min.css
diff --git a/sass/lists.scss b/sass/lists.scss
@@ -30,7 +30,9 @@
   &:first-child {
     border-top: 0;
   }
-  &:active,
+
+  &.active,
+  // `.selected` is deprecated. Use `.active` instead.
   &.selected {
     color: #fff;
     background-color: $active-color;