diff --git a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html index 99f352dee5f24dabb7a9e6a5d7bc2250ef78dbff..45a7d6b2d448fd93ca344af58f6e06314931fce3 100644 --- a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html +++ b/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 %} diff --git a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.yaml b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.yaml index e4b09f0efcb2d1c5288d5372cbd3b4ae2366d0c0..a96af01520c162567b6c3565f89e4ec342dafe3d 100644 --- a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.yaml +++ b/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' diff --git a/majak_uistyleguide/templates/patterns/organisms/layout/navbar.html b/majak_uistyleguide/templates/patterns/organisms/layout/navbar.html index db55172321a287d5cb84108dbfde94c188268af5..13699c36b952ec175affab0cc3773c394d72f44b 100644 --- a/majak_uistyleguide/templates/patterns/organisms/layout/navbar.html +++ b/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 -->