Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

widgets: Present poll options as flexboxes.

This commit is contained in:
Karl Stolley 2024-06-05 10:13:51 -05:00 committed by Tim Abbott
parent ae90258942
commit 81d9eb4a54
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/widgets.css
View File

@ -104,8 +104,11 @@
}
& li {
display: flex;
gap: 5px;
align-items: baseline;
list-style: none;
margin: 0 2px 6px 0;
margin: 0 0 5px;
}
& ul {
@ -148,6 +151,9 @@
& span.poll-option {
font-weight: 600;
/* Start with max-content, but allow options
to shrink, so that voting names wrap comfortably. */
flex: 0 1 max-content;
}
.poll-vote {
@ -156,7 +162,6 @@
border-style: solid;
font-weight: 600;
border-radius: 3px;
margin-right: 4px;
min-width: 25px;
height: 25px;
font-size: 13px;
@ -174,7 +179,10 @@
.poll-names {
color: hsl(0deg 0% 45%);
padding-left: 4px;
/* Aim for 50% of the flexbox for voting names,
but also shrink modestly (.5) adjacent a long
option. */
flex: 1 0.5 50%;
}
}