~xdavidwu/xdavidwu.link

41b962e4719d381028ab2396af08b17719e1a965 — Michael Rose 6 years ago f03c114
Improve greedy navigation's layout when JavaScript is disabled
2 files changed, 11 insertions(+), 1 deletions(-)

M _includes/masthead.html
M _sass/minimal-mistakes/_navigation.scss
M _includes/masthead.html => _includes/masthead.html +1 -1
@@ 22,7 22,7 @@
          </svg>
        </button>
        {% endif %}
        <button class="greedy-nav__toggle" type="button">
        <button class="greedy-nav__toggle hidden" type="button">
          <span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
          <div class="navicon"></div>
        </button>

M _sass/minimal-mistakes/_navigation.scss => _sass/minimal-mistakes/_navigation.scss +10 -0
@@ 309,6 309,16 @@
  }
}

.no-js {
  .greedy-nav {
    .visible-links {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      overflow: visible;
    }
  }
}

/*
     Navigation list
     ========================================================================== */