/* * Vzhľad hlavného menu, kým ho neprevezme JavaScript. * * PREČO * ----- * Menu skladá knižnica priority-plus z bundle.js — z

neexistuje ani jedno. Kým sa teda nestiahne a nespustí * bundle.js (165 kB na konci ), menu sa vykreslí ako holý zoznam * modrých podčiarknutých odkazov cez celú šírku hlavičky. * * Nie je to pomalé CSS — šesť stylesheetov je stiahnutých do ~0,2 s. Je to * čakanie na JavaScript. * * ČO S TÝM * -------- * Hodnoty nižšie sú opísané z .p-plus__primary a .p-plus__primary-nav-item > a * v bundle.css, takže prechod na hotové menu nie je vidieť. * * Zámerne sa menu NESKRÝVA. Skryť ho a odkryť až triedou, ktorú pridá JS, by * znamenalo, že pri chybe v JS zmizne navigácia úplne — to je horšia porucha * než krátky preblik. * * SAMO SA VYPNE * ------------- * Dve poistky naraz: `> ul` prestane platiť, keď priority-plus zoznam zabalí * hlbšie, a `:not(.p-plus__primary)`, keby mu len pridal triedu na mieste. * Po inicializácii teda tieto pravidlá nemajú čo prebiť. * * Toto je náplasť v tomto repe. Správne miesto je bundle.css v repe * hotelpark-frontend; keď sa tam bude robiť ďalší zásah, patrí to tam. */ .c-header .navigation > ul.js-priority-nav-header:not(.p-plus__primary) { display: flex; flex: 1 0 auto; list-style: none; padding: 0; margin: 0; } .c-header .navigation > ul.js-priority-nav-header:not(.p-plus__primary) > li { flex: 1 0 auto; } .c-header .navigation > ul.js-priority-nav-header:not(.p-plus__primary) > li > a { display: inline-flex; align-items: center; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; font-size: 14px; padding: 18px 12px; text-decoration: none; } /* Nemčina má dlhšie názvy položiek, preto užšie odsadenie — rovnako ako bundle.css. */ body[data-language="de"] .c-header .navigation > ul.js-priority-nav-header:not(.p-plus__primary) > li > a { padding: 18px 6px; }