Jarvis
July 26, 2024, 11:18pm
1
Hi, I’m trying to make a button block full-width, so that each of the first two buttons span the entire screen width like the “Go!” button at the bottom.
I’ve tried this link, but unfortunately it doesn’t work:
Custom CSS class: widebtn
CSS:
.widebtn button{
max-width: 100%
}
Can someone point out to me what I’m doing wrong?
Class name: maxBtnWidth
.mobile-layer [data-testid="wire-container-maxBtnWidth"] .button-box > * {
min-width: 100%;
}
2 Likes
Jarvis
July 27, 2024, 1:03pm
3
Man, thank you so much!
I removed the “.mobile-layer” so that it also works in desktop (e.g. in a side-panel or overlay view). It works perfectly
[data-testid="wire-container-maxBtnWidth"] .button-box > * {
min-width: 100%;
}
1 Like
system
Closed
August 3, 2024, 1:04pm
4
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.