[pomarancza_]

Jak najlepiej zakodować taki dropdown?
http://i.imgur.com/7XAuKHs.png
Robię to jako div z display:none i display:block na hoverze rodzica. Jak position:absolute obniżam całego dropdowna o powiedzmy 20px, to jak próbuję zjechać na jakąś z pozycji, to przerywa hovera, bo ta przerwa 20px to juz nie jest hover. A co do samej strzalki, div::before nie daje oczekiwanego rezultatu, bo strzaleczka robi sie w divie, a nie poza nim. Halp plox.
#frontend #webdev

[PendzoncySzczypiorek]

@pomarancza_: Nie lepiej na kliknięcie?

[pomarancza_]

@PendzoncySzczypiorek: Może i lepiej, mogę to zrobić przy uzyciu toggle js, ale i tak mnie ciekawi, jak powinno to wyglądać w samym CSS

[PendzoncySzczypiorek]

@pomarancza_: Możesz zrobić tak, że ten kawałek z tym trójkącikiem będzie dodatkowym divem z grafiką .png albo jeszcze lepiej .svg. Wtedy nie będziesz musiał przesuwać tego w dół

[Marmite]

obniżam całego dropdowna o powiedzmy 20px, to jak próbuję zjechać na jakąś z pozycji, to przerywa hovera, bo ta przerwa 20px to juz nie jest hover

@pomarancza_: padding-top dla przezroczystego kontenera dropdowna

[PendzoncySzczypiorek]

@Marmite: Tak też. Wtedy to będzie się mieściło w boxie :>.

[pomarancza_]

@Marmite: o, po włożeniu tego do dodatkowego diva udało się to zrobić, do tego strzałka na ::before też się "posłuchała" (co prawda spowodowało to utworzenie dwóch divów na w jednym - czego nie lubię, ale już przeżyję). Problem zaś inny teraz jest taki, że wyśrodkowałem menu w divie za pomocą flexa (align-items) i przez ten padding-top całe menu jest podniesione o te 20px względem środka :x

[Marmite]

@pomarancza_: to daj mu margin-bottom: -20px ( ͡° ͜ʖ ͡°)

[pomarancza_]

@Marmite: takie proste a na to nie wpadlem ( ͡° ͜ʖ ͡°) Dziękuje bardzo także @PendzoncySzczypiorek!