Fix the links style

diff --git a/app/static/src/sass/global/_typography.scss b/app/static/src/sass/global/_typography.scss
index dbfcec593a72976ad1bc99c95eea70c0cfd15cd4..da42348f08bf3d2417ded7c9504c267480830a7b 100755 (executable)
--- a/app/static/src/sass/global/_typography.scss
+++ b/app/static/src/sass/global/_typography.scss
@@ -72,8 +72,14 @@ main p, main ul.unstyled-list {
                position: relative;
                z-index: 1;
                text-decoration: none;
+               border-bottom: 1px solid $color-main;
+               @include transition(all 0.15s ease-in-out);
 
-               &:after {
+               &:hover {
+                       box-shadow: inset 0 -30px $color-main;
+               }
+
+               /*&:after {
                        @include transition(all 0.15s ease-in-out);
                        content: "";
                        display: block;
@@ -92,7 +98,7 @@ main p, main ul.unstyled-list {
                                background: $color-main;
                                height: 100%;
                        }
-               }
+               }*/
        }
 }
 
@@ -101,19 +107,11 @@ h3 {
 
                position: relative;
                z-index: 1;
-               text-decoration: none;
+               border-bottom: 1px solid $color-main;
+               @include transition(all 0.15s ease-in-out);
 
-               &:after {
-                       @include transition(all 0.15s ease-in-out);
-                       content: "";
-                       display: block;
-                       position: absolute;
-                       left: 0;
-                       right: 0;
-                       bottom: 0;
-                       height: 1px;
-                       background: $color-main;
-                       z-index: -1;
+               &:hover {
+                       box-shadow: inset 0 -30px $color-main;
                }
 
        }

diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss
index 1613e6bdf06a6f042bc9d85a7601f7de892823d7..ef8e85f6acedc7dc52f88e3e48cc9dc9c9fc9c60 100644 (file)
--- a/app/static/src/sass/modules/_page.scss
+++ b/app/static/src/sass/modules/_page.scss
@@ -97,12 +97,13 @@ $module: ".page";
 
                        position: relative;
                        z-index: 1;
-                       text-decoration: underline;
-                @include transition(all 0.15s ease-in-out);
+                       text-decoration: none;
+                border-color: $color-black;
 
-                       &:after {
-                               display: none;
-                       }
+                &:hover {
+                    box-shadow: none;
+                    color: $color-black;
+                }
 
                }
 
@@ -121,12 +122,13 @@ $module: ".page";
                 color: white;
                        position: relative;
                        z-index: 1;
-                       text-decoration: underline;
-                @include transition(all 0.15s ease-in-out);
+                       text-decoration: none;
+                border-color: $color-main;
 
-                       &:after {
-                               display: none;
-                       }
+                &:hover {
+                    box-shadow: none;
+                    color: $color-main;
+                }
 
                }