phyrasaur
KPCKevin Powell - Community
•Created by Xero' on 12/12/2023 in #front-end
Can we force a '%' value to be out of height instead of width ?
I'm still not clear about your needs after reading it again, have you trid using absolute positioning relative to the container? Like top, left. bottom, right
16 replies
KPCKevin Powell - Community
•Created by Xero' on 12/12/2023 in #front-end
Can we force a '%' value to be out of height instead of width ?
You can look into container units
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries#container_query_length_units
16 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
the space is retained and you don't need any arbitrary numbers to set the height of the top part
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
@Orz added the js part to expand the box I don't use flip because the tearing of the border when scaling on single axis
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
I still think visibility is the ideal way
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
btw gtg I've been procrastihelping on discord for too long 😂
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
or just
minmax(25vh, auto) 1fr201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
not ideal imo but serviceable
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
you still have the space, so no layout shift
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
than changing the parent size/border
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
basically, I make the box as a separate child element that will surround the visible elements rather
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
this is the base, will need to FLIP the box for animation https://codepen.io/petpeeve/pen/ExrJjgg
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
lemme do the quick css part first
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
the js part if to expand the box, everything else is css
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
I'm on the other side of the world btw. And currently working (as a designer not a dev 😅 ). I think I have a solution for this it will involve a bit of js but you do use js for the animation anyway
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
It's because before this you make the parent to have a fixed 100vh height. Now it grows as much as the height of the content so 25% will be the 25% of total parent height. The simplest workaround is to use 25vh instead
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
anyway, my main point was please consider
min-height/max-height/min-width/max-width rather than height and width straight away it's easier to make it responsive this way201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
just add a breakpoint when the stuff inside wraps then?
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
essentially the space won't collapse but then you have another issue the box will remain big
201 replies
KPCKevin Powell - Community
•Created by Orz on 12/10/2023 in #front-end
Page/container width suddenly increases when content appears, but not due to the content size itself
I'm thinking of something to do with
visibility201 replies