From 0aa3a973f9b58885831b361f15c7cdb7d27ef082 Mon Sep 17 00:00:00 2001
From: Helena Rasche <hexylena@galaxians.org>
Date: Thu, 18 May 2023 12:57:25 +0200
Subject: [PATCH] fixes #3911

---
 assets/css/main.scss              | 36 ++++++++++++++++++++++++++++---
 topics/admin/faqs/git-gat-path.md | 26 ----------------------
 2 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/assets/css/main.scss b/assets/css/main.scss
index 737865c7d9eb2..7a9a393a6c165 100644
--- 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
index fc8c95d1c8ade..07e10a01dd71f 100644
--- 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>