Fix css bug in header

2025-12-15 11:17:49 +01:00 · 2019-09-19 18:45:55 +02:00
parent 0a41c22ec1
commit 2bc991e154
2 changed files with 3 additions and 10 deletions
--- a/app/javascript/stylesheets/general/_navbar.scss
+++ b/app/javascript/stylesheets/general/_navbar.scss
@@ -19,19 +19,12 @@
  }

  .boardsNav {
-    @extend
-      .navbar-nav,
-      .nav-pills,
-      .d-flex,
-      .flex-row,
-      .mr-auto;
-
    .nav-item {
      @extend
        .badge,
        .text-uppercase;
-
-      a { @extend .text-dark; }
+      
+      font-size: 14px;
    }

    .nav-item.active {
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -6,7 +6,7 @@
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-      <ul class="boardsNav">
+      <ul class="boardsNav navbar-nav mr-auto">
        <%= render 'layouts/boards_menu_section', boards: @boards unless @boards.nil? %>
      </ul>
      <ul class="navbar-nav ml-auto">