Arto
KPCKevin Powell - Community
•Created by Arto on 9/9/2023 in #front-end
CSS dev build is inconsistent with deploy build
after i looked through minified version of css i found out that somehow deploy build is concatinating css classes into 1 :
.Nav_navContainerGhavJ,
.Nav_navContainerGhavJ.Nav_openMenuL+8i0,
.Nav_navp72ig,
.Nav_navp72ig.Nav_openMenuL+8i0 {
@media screen and (max-width: 852px) {
left: 0;
opacity: 1;
position: absolute;
}
}
so i see the problem but i don't know how to solve this. I also tried to change class names but it didn't help
2 replies
KPCKevin Powell - Community
•Created by Arto on 8/7/2023 in #front-end
Understanding Dynamic React components with cloneElement and React.Children
Thank you a lot, I think I understood the difference here.
Appreciate your time explaining it !
Appreciate your time explaining it !
9 replies
KPCKevin Powell - Community
•Created by Arto on 8/7/2023 in #front-end
Understanding Dynamic React components with cloneElement and React.Children
I think i also misunderstood another concept here, is that i mix up attributes and props here, thinking that I pass automatically key-value pair from cloneElement function.
9 replies
KPCKevin Powell - Community
•Created by Arto on 8/7/2023 in #front-end
Understanding Dynamic React components with cloneElement and React.Children
Hey, thank you for the answer!
If I understand that correctly: the second argument that I pass , as an object, to the
cloneElement is basically only "read-only" props , but the function itself isn't creating element attributes on them ? So I pass value to the specified elements, while i need to define them in children component (RadioOption in that example).9 replies
KPCKevin Powell - Community
•Created by Arto on 8/7/2023 in #front-end
Understanding Dynamic React components with cloneElement and React.Children
@dys 🐙 hey, thank you for responding.
Yes, i think (if i am actually thinking about that correctly) that if i clone and then assign a new prop object to the each RadioOptions i already create RadioOptions with checked prop (in RadioGroup component).
So why do i need to include this checked prop again in child component RadioOption
cause otherwise code doesn't behave as i expect it to
9 replies
KPCKevin Powell - Community
•Created by Arto on 7/31/2023 in #front-end
How to vertically align label next to input form in flexbox CSS
Ooooh, thank you a lot brother!
I didn't realize that was a font problem. 😆
❤️
Never heard about textarea and select selectors, i guess first one is for placeholder text and second not sure
10 replies
KPCKevin Powell - Community
•Created by Arto on 7/31/2023 in #front-end
How to vertically align label next to input form in flexbox CSS
Sorry, I know that's not the modern way to do it, it just bothers my mind for some reason why it doesn't line up and how to fix such problems if they will appear. 😅
I tried to apply to different font through universal selector but its' still the same
10 replies
KPCKevin Powell - Community
•Created by Arto on 7/31/2023 in #front-end
How to vertically align label next to input form in flexbox CSS
10 replies