templates/includes/navigation/layout2_mobile.html.twig line 1

  1. {# <!-- Layout 2 - Mobile --> #}
  2. <div class="mobile-nav__item">
  3.     <div class="mobile-nav__item-title" @click="mobileNavContent = 2">
  4.         {{ item.title }}
  6.         <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  7.             <path d="m7.5 2.5 10 10-10 10" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" />
  8.         </svg>
  9.     </div>
  11.     <div class="mobile-nav__item-content" :class="{'mobile-nav__item-content--show': mobileNavContent === 2}">
  12.         <div class="mobile-nav__header">
  13.             <div class="mobile-nav__close" @click="showMobileNav = false; mobileNavContent = null">
  14.                 <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  15.                     <path d="M13.5 2.5L2.5 13.5" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
  16.                     <path d="M2.5 2.5L13.5 13.5" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
  17.                 </svg>
  18.             </div>
  19.         </div>
  21.         <div class="mobile-nav__item-content-title" @click="mobileNavContent = null">
  22.             <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  23.                 <path d="m17.5 2.5-10 10 10 10" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" />
  24.             </svg>
  26.             {{ item.title }}
  27.         </div>
  29.         <div class="flyout-nav-cols">
  30.             {# <!-- Children --> #}
  31.             <div class="flyout-nav-cols__col">
  32.                 <div class="flyout-nav-cols__title">{{ flyoutPage['titleColumn1'] }}</div>
  34.                 <div class="flyout-nav-links flyout-nav-links--big">
  35.                     {% for child in flyoutPage['children'] %}
  36.                         <a href="{{ child['url'] }}" class="flyout-nav-links__link">
  37.                             {{ child['title'] }}
  38.                             <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 26">
  39.                                 <path fill-rule="evenodd" clip-rule="evenodd" d="M13 13 0 0v13h13Z" fill="#FF73F5" />
  40.                                 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 13v13l13-13H0Z" fill="#FF73F5" />
  41.                             </svg>
  42.                         </a>
  43.                     {% endfor %}
  44.                 </div>
  45.             </div>
  47.             {# <!-- Blocks/SubPages --> #}
  48.             <div class="flyout-nav-cols__col">
  49.                 <div class="flyout-nav-cols__title">{{ flyoutPage['titleColumn2'] }}</div>
  51.                 <div class="flyout-nav-quickstart">
  52.                     <div class="flyout-nav-quickstart__items">
  53.                         {# <!-- Blocks 2-1 --> #}
  54.                         {% for item21 in flyoutPage['urls21'] %}
  55.                             <a href="{{ item21['url'] }}" class="flyout-nav-quickstart__item">
  56.                                 <span class="flyout-nav-quickstart__title">
  57.                                     {{ item21['title'] }}
  58.                                 </span>
  59.                                 <span class="flyout-nav-quickstart__text">
  60.                                     {{ item21['preview']|raw }}
  61.                                 </span>
  62.                             </a>
  63.                         {% endfor %}
  64.                     </div>
  65.                     {% if flyoutPage['urlMoreLink'] is defined and flyoutPage['urlMoreLink'] %}
  66.                     <a href="{{ flyoutPage['urlMoreLink'] }}" class="flyout-nav-quickstart__link">{{ flyoutPage['titleMoreLink'] }}</a>
  67.                     {% endif %}
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </div>
  72. </div>