From 2fb08f8c76789c8c08d6ace52ac6cee4dcaa04cb Mon Sep 17 00:00:00 2001
From: Owen Graham <ohgraham1@madisoncollege.edu>
Date: Mon, 18 Jul 2022 15:55:50 -0500
Subject: [PATCH] Copy nav style from UW Theme
---
visualizer/static/style.css | 34 ++++++++++++++++++++++++----------
1 file changed, 24 insertions(+), 10 deletions(-)
diff --git a/visualizer/static/style.css b/visualizer/static/style.css
index 3bcc3c2..d6b9f9a 100644
--- a/visualizer/static/style.css
+++ b/visualizer/static/style.css
@@ -30,6 +30,12 @@ body.embedded #plotter {
padding: 0;
}
+#plotter-nav {
+ width: 100%;
+ border: solid #cfcfcf;
+ border-width: 1px 0;
+}
+
#plotter-nav ul {
display: flex;
flex-flow: row wrap;
@@ -39,23 +45,31 @@ body.embedded #plotter {
}
#plotter-nav li {
- display: block;
+ display: table-cell;
+ padding: 0 .95rem;
+ max-width: calc(100% - 16px);
}
-#plotter-nav a,
-#plotter-nav button {
+#plotter-nav li > * {
background: none;
color: inherit;
cursor: pointer;
- display: block;
+ display: inline-block;
font-family: inherit;
- font-size: 1rem;
- margin: 8px;
- padding: 7px;
- border: 1px solid black;
+ font-size: 1.125rem;
+ font-weight: bold;
+ line-height: 1.125;
+ margin: .8rem 0;
+ padding: .3rem 0 .1rem;
+ border: none;
+ border-bottom: .2rem solid transparent;
text-decoration: none;
- width: 256px;
- max-width: 256px;
+}
+
+#plotter-nav li.current > *,
+#plotter-nav li > *:hover,
+#plotter-nav li > *:focus {
+ border-bottom-color: #c5050c;
}
#selections {
--
GitLab