Sylvia
Sylvia
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
had time to test on my side aswell, but nope
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
well I can just test it in the playground (codepen.io) and it doesn't seem to work 😅
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
I've already tried that
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
doesn't work sadly
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
No description
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
but here is the new cool issue, I the middle container that holds these is a flex box (same as the demo). What could be the solution to make its width smaller to fit ? I don't really have an easy way to put right bracket where it needs to be, right side of the [Export Save]
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
but it works
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
I didn't really change/fix the gaps etc
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
No description
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
ah! perfect
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
except... box shadow doesn't seem to work very well
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
but the moment I fix that, border idea should function perfectly
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
sorry was busy so seen very late! But it is a perfect idea. Only thing is... I can't seem to make before/after element's height 100% because the containter as itself doesn't have a fixed height. I don't really know how to fix that either 😅
19 replies
KPCKevin Powell - Community
Created by Sylvia on 11/1/2024 in #front-end
Changing flex box width according to flex wrap
I couldn't find a proper solution to this but if it is going to use JavaScript, I am all for it. I just don't know how to "draw" those brackets then, I would also highly prefer to be able to keep the shadows as it is very neon like and I love it. Maybe SVG ? But that would still not work great with making extended brackets like that and I don't know if it is possible to apply shadow like this to SVGs. If possible maybe SVG that is generated through JS ? lol
19 replies
KPCKevin Powell - Community
Created by Sylvia on 8/24/2024 in #front-end
Drawer div
due to me technically having a giant padding at the bottom of node, it was grabbable from there (which was not good) but this fixed that aswell
51 replies
KPCKevin Powell - Community
Created by Sylvia on 8/24/2024 in #front-end
Drawer div
this actually fixed a lot of issues I had with the previous design aswell
51 replies
KPCKevin Powell - Community
Created by Sylvia on 8/24/2024 in #front-end
Drawer div
final version
51 replies
KPCKevin Powell - Community
Created by Sylvia on 8/24/2024 in #front-end
Drawer div
I gave it a padding aswell to not kill the (new) shadows
51 replies
KPCKevin Powell - Community
Created by Sylvia on 8/24/2024 in #front-end
Drawer div
this means I can get rid of every overflow (except the one in this wrapper)
51 replies