Swap logo and navbar toggle in navigation menu

pradoslaw · Oct 1, 2024 · af93c01 · af93c01
1 parent 774123a
commit af93c01
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/resources/sass/layout/_header.scss b/resources/sass/layout/_header.scss
@@ -27,12 +27,12 @@ body.padding-top {
 }
 
 .navbar-brand {
-  margin: 0; // no default margin
+  margin: 0;
 }
 
 .navbar-toggler {
   border: 0;
-  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x $navbar-toggler-padding-y 0;
+  padding: $navbar-toggler-padding-y 0 $navbar-toggler-padding-y $navbar-toggler-padding-x;
   outline: none !important;
 }
 

diff --git a/resources/views/layout.twig b/resources/views/layout.twig
@@ -64,10 +64,6 @@
 
     <nav class="navbar navbar-expand-lg {{ __dark_theme ? 'navbar-dark' : 'navbar-light' }}">
       <div class="container-3xl d-flex flex-wrap">
-        <button class="navbar-toggler shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#mobile-menu">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
         <a rel="home" class="navbar-brand order-0" href="{{ route('home') }}" title="4programmers.net - Strona główna">
           <img
               class="logo"
@@ -79,6 +75,10 @@
           />
         </a>
 
+        <button class="navbar-toggler shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#mobile-menu">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+
         <div class="collapse navbar-collapse flex-grow-0 order-3 order-lg-1 ms-2" id="mobile-menu">
           <ul class="navbar-nav">
             {% for item in __master_menu.roots() %}