Make CSS a little closer to plot-navigator.

lsst-dm · Oct 18, 2024 · 1a8083d · 1a8083d
1 parent e58a71b
commit 1a8083d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/static/custom.css b/static/custom.css
@@ -1,6 +1,15 @@
 .navbar-brand {
     color: #058b8c !important;
-    font-size: 1.7em;
+    font-size: 1.875rem;
+}
+
+.nav-item {
+    color: rgba(255, 255, 255,1);
+    font-size: 1.25rem;
+}
+.nav-link {
+    color: rgba(255, 255, 255,1.0);
+    font-size: 1.25rem;
 }
 
 a:not(:hover).subdued {

diff --git a/templates/base.html b/templates/base.html
@@ -4,17 +4,19 @@
 <link rel="stylesheet" href="{{ url_for('.static', filename='custom.css') }}">
 <link rel="icon" href="{{ url_for('.static', filename='rubin-favicon-transparent-32px.png') }}">
 {% block additional_refs %}{% endblock %}
-<nav id="header" class="navbar navbar-expand-md navbar-dark bg-dark sticky-top shadow px-4">
-    <a class="navbar-brand" href="{{ url_for('index') }}">Rubin Production Tools</a>
+<nav id="header" class="navbar navbar-expand-md navbar-dark bg-black sticky-top shadow px-4">
+    <a class="navbar-brand" href="{{ url_for('index') }}">Rubin Plot Navigator</a>
     <ul class="navbar-nav me-auto mb-2 mb-lg-0 gap-2">
         <li class="nav-item">
-            <a class="nav-link {{ "active" if active_page=="logs" }}" href="{{ url_for('logs.index') }}">Logs</a>
+            <a class="nav-link" href="/plot-navigator">Plots</a>
         </li>
+        <!--
         <li class="nav-item">
-            <a class="nav-link {{ "active" if active_page=="metrics" }}" href="{{ url_for('metrics.index') }}">Metrics</a>
+            <a class="nav-link {{ "active" if active_page=="logs" }}" href="{{ url_for('logs.index') }}">Logs</a>
         </li>
+        -->
         <li class="nav-item">
-            <a class="nav-link" href="/plot-navigator">Plots</a>
+            <a class="nav-link {{ "active" if active_page=="metrics" }}" href="{{ url_for('metrics.index') }}">Metrics</a>
         </li>
         <li class="nav-item">
             <a class="nav-link {{ "active" if active_page=="bokeh" }}" href="{{ url_for('bokeh.index') }}">Bokeh</a>