fix(navbar): weird coloring

xaralis · Feb 9, 2021 · ac30b74 · ac30b74
1 parent 7231796
commit ac30b74
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
@@ -33,3 +33,8 @@ $fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
 @import "./helpers/content";
 @import "./helpers/border-radius";
 @import "./helpers/spacing";
+
+// workaround for https://github.com/jgthms/bulma/issues/3009
+.tabs.is-boxed .is-active {
+    color: $info;
+}
diff --git a/ksicht/templates/includes/navbar.html b/ksicht/templates/includes/navbar.html
@@ -51,7 +51,9 @@
 
                         <div class="navbar-dropdown">
                             {% for guide in guides %}
-                            <a href="{{ guide.url }}" class="navbar-item {% if request.get_full_path == guide.url %}is-active{% endif %}">
+                            {% comment %} Workaround: use dropdown-item instead navbar-item {% endcomment %}
+                            {% comment %} @see: https://github.com/jgthms/bulma/issues/3009 {% endcomment %}
+                            <a href="{{ guide.url }}" class="dropdown-item {% if request.get_full_path == guide.url %}is-active{% endif %}">
                                 {{ guide.title }}
                             </a>
                             {% endfor %}