MC23
KPCKevin Powell - Community
•Created by MC23 on 3/28/2025 in #front-end
Styling complex/dynamic element
Thank you for your answer, I'll try to implement this :)
11 replies
KPCKevin Powell - Community
•Created by MC23 on 3/28/2025 in #front-end
Styling complex/dynamic element
I had 10 minutes to solve the issue because it's going into production, I chose the quick way
11 replies
KPCKevin Powell - Community
•Created by MC23 on 3/28/2025 in #front-end
Styling complex/dynamic element
Solved with grid, but I had to set an empty span where the checkbox can be to always have the same number of elements
11 replies
KPCKevin Powell - Community
•Created by MC23 on 3/25/2025 in #front-end
CSS class is ignored
After a PC reboot it seems to work, really weird
3 replies
KPCKevin Powell - Community
•Created by MC23 on 3/25/2025 in #front-end
CSS class is ignored
I thought the
2 was the problem, but if I replace it with x it still doesn't work. I cleared cache, re-compiled Angular app and also tried it on a incognito windows of a browser I usually never use.
NOTE: if I edit the class from devtools and I add 2 in front of it, it works fine and applies the proper style3 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
Okay don't worry, it seems to work and I'll pusblish it and do some tests on my mobile
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
I don't wanna take you too much time
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
Don't worry too much, just link me some stuff to read and I'll try it myself :)
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
Basically the cover should be, in both cases, showing the overlay only when "interacted with"
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
It must work like the mobile version, if the user uses touch
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
Also I know this might not be ideal, I'm just practising arguments that come to my mind along with learning new Angular 18/19 syntax
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
https://byteshaman.github.io/favorite-albums-showcase/ I wanna improve the behaviour on this page: on desktop it's hover to show album info and click to visit url, on mobile (or any device with touch) I'd like to show overlay with first touch and then display a visit icon; therefore I wanna apply different logic based on input type
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
I'm focusing on detecting touch
23 replies
KPCKevin Powell - Community
•Created by MC23 on 3/23/2025 in #front-end
Detect mobile/touch
Hmm I only tested it Chrome dev tools and it seemed to work, I found an upgraded version that includes
|| navigator.maxTouchPoints;23 replies
KPCKevin Powell - Community
•Created by MC23 on 2/24/2025 in #front-end
CSS max-height property ignored by wrapper element
I was able to replicate the problem: https://stackblitz.com/edit/sb1-yugum7nt?file=src%2Fapp%2Ftable-dialog.component.ts,src%2Fglobal_styles.css
10 replies
KPCKevin Powell - Community
•Created by MC23 on 2/24/2025 in #front-end
CSS max-height property ignored by wrapper element
Yeh I'm editing the css on devtools as well but it seems to work fine on the stackblitz, the mat-table is a material component and it comes with d-block property
10 replies
KPCKevin Powell - Community
•Created by MC23 on 2/24/2025 in #front-end
CSS max-height property ignored by wrapper element
I'm trying to make the example similar to my real use case
10 replies
KPCKevin Powell - Community
•Created by MC23 on 2/24/2025 in #front-end
CSS max-height property ignored by wrapper element
In my real case, it's inside a <mat-dialog> which is tall 90vh, inside it there's a mat-card set to height: 100%; and inside the card-content there's this table with some controls above it.
10 replies
KPCKevin Powell - Community
•Created by MC23 on 2/24/2025 in #front-end
CSS max-height property ignored by wrapper element
I think it was private, now I set it to public
10 replies
KPCKevin Powell - Community
•Created by MC23 on 2/24/2025 in #front-end
CSS max-height property ignored by wrapper element
https://stackblitz.com/edit/sb1-pf2wz2nv here's the Stackblitz of a simplified example
10 replies