feat(header): correctly gray out disabled menu links

2026-09-06 16:06:12 +02:00 · 2019-08-23 17:12:59 -04:00
parent 67bb1c2cdd
commit ec07c9a31d
2 changed files with 9 additions and 3 deletions
@@ -158,14 +158,16 @@ export const MenuItem = styled(Link)`
    border-radius: 3px;
  }

-  &[href="/"] {
+  &.disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.7;
+    color: #fff !important;
  }

-  &[href="/"] ${MenuItemLine} {
+  &.disabled ${MenuItemLine} {
    bottom: 50%;
+    background: #fff !important;
  }

  &.active {