Bug 11339: closed

diff --git a/static/css/style.css b/static/css/style.css
index 9e256be26dcbf8e9dea5daabc4c90a15b6ddbbec..4a02f28e0269cd08f8a4a77e000e7ca6e135009c 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -5235,6 +5235,28 @@ button:focus {
 .navbar .btn {
   margin-top: .15rem; }
 
+a.nav-link {
+  padding-bottom: 30px;
+  display: block;
+  position: relative; }
+  a.nav-link:after {
+    content: "";
+    border-bottom: 2px solid #b71c1c;
+    position: absolute;
+    -webkit-transform: scaleX(0);
+            transform: scaleX(0);
+    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; }
+
+a.nav-link:hover:after {
+  -webkit-transform: scaleX(1);
+          transform: scaleX(1); }
+
 .navbar-brand {
   font-size: 1.25rem;
   font-weight: 300; }

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 0a710663b8623d480950fb02cf7cf530219e805d..774e127bd1ad7b40c9a6276603f6190a7cd3491d 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -307,6 +307,26 @@ button:focus {
        }
 }
 
+a.nav-link {
+       padding-bottom: 30px;
+       display: block;
+       position: relative;
+       &:after {
+               content: "";
+               border-bottom: 2px solid $red_900;
+               position: absolute;
+               transform: scaleX(0);
+               width: 100%;
+               left: 0;
+               padding: inherit;
+               transition: transform .3s ease-out;
+       }
+}
+
+a.nav-link:hover:after {
+       transform: scaleX(1);
+}
+
 .navbar-brand {
        font-size: 1.25rem;
        @include media-breakpoint-up(sm) {