Fixing v9 css mess, thanks for Perkuns help

2022-01-06 13:54:49 +01:00
parent bd5393fb0a
commit ec54f3b879
5 changed files with 21 additions and 9 deletions
--- a/system/styles/scss/nav.scss
+++ b/system/styles/scss/nav.scss
@@ -11,6 +11,8 @@ nav {
        margin-bottom: 0;
        background: $l5r5e-white;
        color: $l5r5e-black;
+        display: flex;
+        flex-direction: row;
        --notchSize: 0.5rem;
        clip-path: polygon(
            0% var(--notchSize),
@@ -24,6 +26,7 @@ nav {
        );
    }
    .item {
+        flex: 1;
        &:hover {
            background-color: $l5r5e-label;
            color: $white-light;
@@ -43,7 +46,6 @@ nav {
    .item.active {
        background-color: rgba(73, 12, 11, 0.85);
        color: rgba(255, 255, 255, 1);
-        background-color: rgba(73, 12, 11, 0.85);
        clip-path: polygon(
            0% var(--notchSize),
            var(--notchSize) 0%,