asasinmode
Explore posts from serversKPCKevin Powell - Community
•Created by asasinmode on 6/25/2024 in #front-end
prefers-reduced-motion is a text color animation ok?
6 replies
KPCKevin Powell - Community
•Created by asasinmode on 6/25/2024 in #front-end
prefers-reduced-motion is a text color animation ok?
Good idea, will do so if I get more feedback that it causes problems but, just to clarify, are you speaking from experience/are you affected by these types of animations?
6 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/27/2024 in #front-end
Grid container height doesn't fit all of its children
There are no default margins, there is a margin of
1rem that's set there explicitly but disabling it doesn't help3 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
thanks, made the way Kevin showed it in https://www.youtube.com/watch?v=iLmBy-HKIAw
16 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
ty
16 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
I want it to be
height: clamp(fit-content, 100vh, 2000px). 100vh until 2000px with min height of content16 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
Min height overrides max height unless I'm mistaken. Anyway having both doesn't work, it's still always the screen size
16 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
But if someone has a better solution pleaes share
16 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
Now that I think about it I guess I just want a
@media (min-height: ????) that changes min-height: 100vh to something else16 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
I want the section to take up all of your screen up until some max height for stylistic reasons, I think it looks nice when this takes up everything with the scrolling bar at the bottom
16 replies
KPCKevin Powell - Community
•Created by asasinmode on 5/14/2024 in #front-end
Min height of content, preferred of screen with max
As in instead of min-height?
16 replies
KPCKevin Powell - Community
•Created by asasinmode on 10/27/2023 in #front-end
Accessible instant action radio group
I also found toolbar https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/toolbar_role
But here it says
Only use the toolbar role to group 3 or more controls.And I only have 2 controls 🤔
3 replies
KPCKevin Powell - Community
•Created by asasinmode on 10/27/2023 in #front-end
Accessible instant action radio group
I found menuitemradio on mdn https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role
But I don't want the elements to be inside a menu :/
3 replies
KPCKevin Powell - Community
•Created by asasinmode on 6/22/2023 in #front-end
Grid columns with varying width overflow and truncating
8 replies
KPCKevin Powell - Community
•Created by asasinmode on 6/22/2023 in #front-end
Grid columns with varying width overflow and truncating
This is exactly what I needed, thank you very much
8 replies
KPCKevin Powell - Community
•Created by asasinmode on 6/22/2023 in #front-end
Grid columns with varying width overflow and truncating
8 replies
KPCKevin Powell - Community
•Created by asasinmode on 6/22/2023 in #front-end
Grid columns with varying width overflow and truncating
Bump, is what I'm trying to do even possible with grid? Or should I just try to do it with flex? I think maybe flex-shrink on the details I want to shrink and the other 2 having
width: min-content; or something like that could work but I really liked the way grid was going :/8 replies
KPCKevin Powell - Community
•Created by asasinmode on 6/21/2023 in #front-end
Text overflow ellipsis once it invades parent padding
It worked, tyvm for help
7 replies
KPCKevin Powell - Community
•Created by asasinmode on 6/21/2023 in #front-end
Text overflow ellipsis once it invades parent padding
You can try adjusting the window size to see items stretching/shrinking adequately. I capped the main container width just so you can see that text can overflow the first 2 items at their smallest size
7 replies
KPCKevin Powell - Community
•Created by asasinmode on 11/29/2022 in #front-end
Stop table container from expanding itself to fit absolute nested children
5 replies