fixes galaxyproject#3911

ResearchObject · May 18, 2023 · 0aa3a97 · 0aa3a97
1 parent 7c625ad
commit 0aa3a97
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 29 deletions.
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -745,17 +745,17 @@ blockquote {
 @media (max-width: 768px) {
     .navbar {
         .dropdown-menu {
-            background-color: transparent;
+		background-color: var(--color-background);
             border-color: transparent;
         }
 
         .dropdown-item {
-            color: var(--text-color-muted);
+		color: var(--text-color);
 
             &:hover,
             &:focus,
             &:active {
-                background-color: transparent;
+                background-color: var(--brand-color);
                 color:  var(--text-color);
             }
         }
@@ -1429,3 +1429,33 @@ a[target="_blank"]::after {
     }
 }
 }
+
+// For the git-gat learning pathway boxes
+#git-gat-timeline {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+#git-gat-timeline li  {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid var(--text-color);
+    border-radius: 5px;
+    padding: 0.5em;
+    margin: 0.5em;
+}
+#git-gat-timeline li.active {
+    background: #a8ffa8;
+}
+#git-gat-timeline li.active a {
+    color: black;
+}
+#git-gat-timeline li.disabled {
+    background: #eee;
+}
+#git-gat-timeline li.disabled a {
+    color: #555;
+}
+#git-gat-timeline span {
+    align-self: center;
+}
diff --git a/topics/admin/faqs/git-gat-path.md b/topics/admin/faqs/git-gat-path.md
@@ -32,29 +32,3 @@ The yearly Galaxy Admin Training follows a specific ordering of tutorials. Use t
     {% endunless %}
 {% endfor %}
 </ol>
-
-<style type="text/css">
-#git-gat-timeline {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-}
-#git-gat-timeline li  {
-    display: flex;
-    flex-direction: column;
-    border: 1px solid black;
-    border-radius: 5px;
-    padding: 0.5em;
-    margin: 0.5em;
-}
-#git-gat-timeline li.active {
-    background: #a8ffa8;
-    color: black;
-}
-#git-gat-timeline li.disabled {
-    background: #eee;
-}
-#git-gat-timeline span {
-    align-self: center;
-}
-</style>