github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-06 01:24:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: improve poll text wrap (#24732)

Browse Source
This commit is contained in:
Kris
2023-12-06 10:58:06 -05:00
committed by GitHub
parent efcb5bb3df
commit 22bb1c8951
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
plugins/poll/assets/stylesheets/common/poll.scss
View File

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