issue #421 improve navbar on masthead (#423)

ansible-community · Feb 20, 2024 · 7b50a0d · 7b50a0d
1 parent ecf8c2c
commit 7b50a0d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/themes/ansible-community/sass/_nav-bar.scss b/themes/ansible-community/sass/_nav-bar.scss
@@ -6,9 +6,10 @@
   justify-content: start;
   text-align: center;
   img {
-    width: 3.125rem;
+    width: 50px;
     height: auto;
     margin-right: 16px;
+    min-width: 50px;
   }
   #blog-title {
     color: $black;

diff --git a/themes/ansible-community/templates/base_nav.tmpl b/themes/ansible-community/templates/base_nav.tmpl
@@ -1,5 +1,5 @@
 <!-- Start menubar -->
-<nav class="navbar navbar-expand-md static-top mb-4 navbar-padding {% if permalink != '/' %}full-width-bg{% endif %} {% if permalink == '/' %} bg-transparent {% else %} {% if theme_config.get('navbar_light') %} navbar-light {% else %} navbar-dark {% endif %} {% if theme_config.get('navbar_custom_bg') %} {{ theme_config['navbar_custom_bg'] }} {% elif theme_config.get('navbar_light') %} bg-light {% else %} bg-dark {% endif %} {% endif %} ">
+<nav class="navbar navbar-expand-lg static-top mb-4 navbar-padding {% if permalink != '/' %}full-width-bg{% endif %} {% if permalink == '/' %} bg-transparent {% else %} {% if theme_config.get('navbar_light') %} navbar-light {% else %} navbar-dark {% endif %} {% if theme_config.get('navbar_custom_bg') %} {{ theme_config['navbar_custom_bg'] }} {% elif theme_config.get('navbar_light') %} bg-light {% else %} bg-dark {% endif %} {% endif %} ">
   <div class="masthead">
     <!-- This keeps the margins nice -->
     <a class="navbar-brand" href="{{ _link("root", None, lang) }}">