Navbar w angularze

pytanie zadane 13 lutego 2020 w JavaScript przez Aisekai Nałogowiec (42,190 p.)

Chciałbym zrobić navbar, który na dużych ekranach i na średnich (komputer/tablety) navbar był usadzony u góry strony poziomo. Na małych ekranach włączyć opcję Hamburger Menu, gdzie rozwijane memu byłoby z lewej strony. Wiem, że Angular Material udostępnia możliwość wygenerowania takiego navbara, jednak ze względu na fakt że Bootstrap lepiej mi leży, oraz dużo komponentów które potrzebuję bazuje na nim, nie mogę korzystać z Angular Materials. Więc jak najprościej mógłbym wykryć, moment w którym nastąpiłaby zmiana navbara? I przy jakiej rozdzielczości powinno to się zmienić?

1 odpowiedź

odpowiedź 13 lutego 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)

Nie mieszaj w to frameworka. Angular korzysta z SASSa wiec napisz sobie swój navbar - masz mase tutoriali jak to zrobic.

Co do szerokości od jakiej ma sie zmieniac - to zalezy tylko od Ciebie. Nie wiem ile pozycji (i jak dlugich) bedzie zawierać ten nav.

Z doświadczenia powiem Ci, że zarówno angular materials jak i bootstrap nie sa najlepszymi rozwiazaniami jeśli będziesz chciał pozniej zmieniac wyglad tych komponentow.

1	komentarz 13 lutego 2020 przez JAKUBW Nałogowiec (33,470 p.) Angular nie korzysta z SASSa, ma taką możliwość, ale domyślnie korzysta ze standardowego CSS.

komentarz 13 lutego 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)

Tak masz racje. Mój błąd

komentarz 13 lutego 2020 przez Aisekai Nałogowiec (42,190 p.)

Z Cssów/Scssów jestem dość słaby i wolę na razie korzystać z frameworków które dostarczają już gotowe style. Angular ma takie znaczenie w tworzeniu navbara, że mogą już istnieć komponenty/dyrektywy które można wykorzystać. Nie mniej, zdaję sobie sprawę z tego że jeżeli chcę pracować w jakiejkolwiek frontendowej technologii, css jest niezbędny :D Znalazłem taki navbar korzystający tylko z cssów https://codepen.io/erikterwan/pen/EVzeRP teraz tylko muszę go dostosować, żeby dla dużych ekranów nie korzystać z Hamburger Menu.