Bug 11339: closed (add color on hover state)

diff --git a/static/css/style.css b/static/css/style.css
index 4a02f28e0269cd08f8a4a77e000e7ca6e135009c..3007e10883a5ee3f935385533862b3a2b4174ee5 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -5248,10 +5248,13 @@ a.nav-link {
     width: 100%;
     left: 0;
     padding: inherit;
-    -webkit-transition: -webkit-transform .3s ease-out;
-    transition: -webkit-transform .3s ease-out;
-    transition: transform .3s ease-out;
-    transition: transform .3s ease-out, -webkit-transform .3s ease-out; }
+    -webkit-transition: color .3s ease-out, -webkit-transform .3s ease-out;
+    transition: color .3s ease-out, -webkit-transform .3s ease-out;
+    transition: transform .3s ease-out, color .3s ease-out;
+    transition: transform .3s ease-out, color .3s ease-out, -webkit-transform .3s ease-out; }
+
+a.nav-link:hover {
+  color: #b71c1c; }
 
 a.nav-link:hover:after {
   -webkit-transform: scaleX(1);

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 774e127bd1ad7b40c9a6276603f6190a7cd3491d..381c145d9c9d30ec21b9e39fac343bae831a190f 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -319,10 +319,14 @@ a.nav-link {
                width: 100%;
                left: 0;
                padding: inherit;
-               transition: transform .3s ease-out;
+               transition: transform .3s ease-out, color .3s ease-out;
        }
 }
 
+a.nav-link:hover {
+       color: $red_900;
+}
+
 a.nav-link:hover:after {
        transform: scaleX(1);
 }