wip - navbar

majak_uistyleguide/templates/patterns/organisms/layout/navbar.html

@@ -80,23 +80,31 @@
           >{{ item.name }}</a>
         {% endfor %}
 
-        {% if menu_button and additional_buttons %}
+        {% if menu_button %}
+          {% if additional_buttons or menu_button_url %}
             {% block navbar_menu_button %}
               <div
                 class="group uppercase cursor-pointer relative"
               >
                 <div class="w-24 h-11 min-w-[9rem]">
-                <div
+                  <{% if menu_button_url %}a{% else %}div{% endif %}
                     class="
                       navbar__border-button
 
                       flex items-center justify-center border-none border-4 w-24 h-11 py-4 px-6 duration-150
 
+                      hover:no-underline
+
                       xl:w-auto
                     "
-                >{{ menu_button }}</div>
+
+                    {% if menu_button_url %}href="{{ menu_button_url }}"{% endif %}
+                  >
+                    {{ menu_button }}
+                  </{% if menu_button_url %}a{% else %}div{% endif %}>
                 </div>
 
+                {% if additional_buttons %}
                   <div
                     class="
                       absolute w-full top-[2.75rem] left-0 opacity-0 duration-150 pointer-events-none
@@ -110,9 +118,11 @@
                       {% endfor %}
                     {% endblock %}
                   </div>
+                {% endif %}
               </div>
             {% endblock %}
           {% endif %}
+        {% endif %}
       </div>
       <!-- END Menu -->
 

majak_uistyleguide/templates/patterns/organisms/layout/onboarding/navbar.yaml

@@ -7,3 +7,8 @@ context:
       url: '#'
 
   important_item: null
+
+  additional_buttons: null
+
+  menu_button: 'Přihlaš se'
+  menu_button_url: 'https://example.com'