Commit ·
f5bbd0c
1
Parent(s): 780b95e
fix: Stabilize hover animation on external nav link (bayyinah) - ::after underline from .nav-link was conflicting with arrow from .nav-link-external - Added !important on width and transition:none to prevent flickering
Browse files- src/css/components.css +8 -1
src/css/components.css
CHANGED
|
@@ -50,9 +50,16 @@
|
|
| 50 |
font-size: 0.85em;
|
| 51 |
opacity: 0.7;
|
| 52 |
position: static;
|
| 53 |
-
width: auto;
|
| 54 |
height: auto;
|
| 55 |
background: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 56 |
}
|
| 57 |
|
| 58 |
.mobile-drawer-link-external {
|
|
|
|
| 50 |
font-size: 0.85em;
|
| 51 |
opacity: 0.7;
|
| 52 |
position: static;
|
| 53 |
+
width: auto !important;
|
| 54 |
height: auto;
|
| 55 |
background: none;
|
| 56 |
+
transition: none;
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
.nav-link-external:hover::after {
|
| 60 |
+
width: auto !important;
|
| 61 |
+
background: none;
|
| 62 |
+
opacity: 1;
|
| 63 |
}
|
| 64 |
|
| 65 |
.mobile-drawer-link-external {
|