UX: improve poll text wrap (#24732)

This commit is contained in:
Kris 2023-12-06 10:58:06 -05:00 committed by GitHub
parent efcb5bb3df
commit 22bb1c8951
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -65,6 +65,7 @@ div.poll {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
gap: 0.25em 0;
@include breakpoint("mobile-extra-large", min-width) {
@ -101,15 +102,24 @@ div.poll {
display: flex;
flex-direction: column;
align-items: center;
.info-label,
.info-number {
margin: 0;
}
+ .poll-info_counts-count {
margin-top: 0.5em;
display: block;
.info-number {
margin-right: 0.33em;
}
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
min-width: 0;
gap: 0 0.33em;
margin: 0.5em;
.info-number,
.info-label {
font-size: var(--font-up-1);
min-width: 0;
white-space: normal;
line-height: var(--line-height-medium);
}
}
}