From 06024747c3cd4fa4bea1d9a0eb05d32bc2b07bc3 Mon Sep 17 00:00:00 2001
From: Brandon Rodriguez <brodriguez8774@mail.kvcc.edu>
Date: Wed, 13 Jul 2016 23:13:15 -0400
Subject: [PATCH] Fix nav display for mobile devices that do not allow
javascript
Not the prettiest solution, but at least it's functional no matter what now. Not sure how else to fix without overhauling the entire navigation css again.
---
static/css/sass/_nav.scss | 3 ++-
static/css/usta.css | 6 +++---
2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/static/css/sass/_nav.scss b/static/css/sass/_nav.scss
index 66305f1..0b92a86 100644
--- a/static/css/sass/_nav.scss
+++ b/static/css/sass/_nav.scss
@@ -50,7 +50,7 @@ nav {
ul li {
position: relative;
- z-index: 50;
+ //z-index: 50;
}
ul li a {
@@ -176,6 +176,7 @@ nav {
@include align-items(center); // Cross axis alignment.
@include flex-grow(1);
@include align-content(space-around); // Handling of extra space.
+ flex-wrap: wrap;
}
// Set to have equal spacing for li link elements.
diff --git a/static/css/usta.css b/static/css/usta.css
index 4c9107e..b3c4245 100644
--- a/static/css/usta.css
+++ b/static/css/usta.css
@@ -430,8 +430,7 @@ nav header {
position: relative;
z-index: 45; }
nav ul li {
- position: relative;
- z-index: 50; }
+ position: relative; }
nav ul li a {
position: relative;
z-index: 51; }
@@ -531,7 +530,8 @@ nav ul ul li a {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-align-content: space-around;
- align-content: space-around; }
+ align-content: space-around;
+ flex-wrap: wrap; }
.horiz-nav .nav-link {
position: relative;
display: -webkit-flex;
--
GitLab