EndreFasong
KPCKevin Powell - Community
•Created by EndreFasong on 3/25/2023 in #front-end
Keep text within a div with complex shape created with clipped path
For reference here is one article that shows the kind of visual result I am after, albeit with missing functionality regarding text: https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/
7 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
it's kinda difficult to implement in my react app but your pen is working fine. What exactly does dvh units do?
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
yeah I see what you're saying. this seems like a much simpler and robust idea, thanks
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
is there some javascript thing maybe one could do 🤔
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
sorry if I'm being stupid here 😅
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
how do you scroll it out of view then?
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
it's a single page app, so I'm not intending there to be much need for scrolling inherently. I want the map as an option. I had it as an overlay but I like it better when everything shifts down so the map doesn't cover anything. If I understand your idea it's based on everything using scrolling and then starting with map scrolled off screen? If so, how do you set the initial view?
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
I mean it works but I don't feel good about using vw for this
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
also using translateY to shift everything up and down
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
scroll happens when clicking a UI button that lives outside the container, so that works fine
29 replies
KPCKevin Powell - Community
•Created by EndreFasong on 3/3/2023 in #front-end
Dynamic height: scrolling an element of unknown height into/out of view
I'm using react for this, but basically I'm loading a google map that fills width and has a height set by aspect ratio 1:2. My solution now is kinda hacky and based on using vw. So it's calculating how much to scroll based on 100vw/2
29 replies