fixes #8835: make it so active list group items aren't dependent on an <a> tag

1 files changed, 19 insertions, 13 deletions

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 128e3ac2b..6741ef889 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -2526,16 +2526,6 @@ input[type="button"].btn-block {
   margin-right: 5px;
 }
 
-.list-group-item-heading {
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-
-.list-group-item-text {
-  margin-bottom: 0;
-  line-height: 1.3;
-}
-
 a.list-group-item .list-group-item-heading {
   color: #333333;
 }
@@ -2550,21 +2540,37 @@ a.list-group-item:focus {
   background-color: #f5f5f5;
 }
 
-a.list-group-item.active {
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
   z-index: 2;
   color: #ffffff;
   background-color: #428bca;
   border-color: #428bca;
 }
 
-a.list-group-item.active .list-group-item-heading {
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active:hover .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading {
   color: inherit;
 }
 
-a.list-group-item.active .list-group-item-text {
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:hover .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text {
   color: #e1edf7;
 }
 
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
+
 .panel {
   padding: 15px;
   margin-bottom: 20px;