add calendar button

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

@@ -31,3 +31,24 @@
     </div>
   </div>
 {% endblock %}
+
+{% block after_desktop_search %}
+  <div class="w-24 h-11 min-w-[9rem]">
+    <a
+      href="{{ calendar_button_url }}"
+      class="
+        navbar__border-button
+
+        font-alt flex items-center justify-center border-none border-4 w-24 h-11 py-4 px-3 duration-150 cursor-pointer text-lg gap-1
+
+        hover:no-underline
+
+        xl:w-auto
+      "
+    >
+      <i class="ico--calendar"></i>
+
+      {{ calendar_button_text }}
+    </a>
+  </div>
+{% endblock %}

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

@@ -59,3 +59,6 @@ context:
 
   white_logo_image_url: '../../../../../../static/images/district/logo-full-white.svg'
   black_logo_image_url: '../../../../../../static/images/district/logo-full-black.svg'
+
+  calendar_button_text: 'Kalendář akcí'
+  calendar_button_url: 'https://example.com'

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

@@ -39,8 +39,10 @@
         </div>
 
         {% block desktop_search %}
-          {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Hledej' classes='text-black px-2 py-1 w-80' %}
+          {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Hledej' classes='text-black px-2 py-1 w-60' %}
         {% endblock %}
+
+        {% block after_desktop_search %}{% endblock %}
       </div>
       <!-- END Social media -->