mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-29 04:38:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

More vertically compact poll UI

Browse source
This commit is contained in:
Lim Chee Aun 2023-03-26 23:27:44 +08:00
parent caee38c98f
commit d3c964fad3
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/status.css
View file

@ -828,6 +828,7 @@ a.card:is(:hover, :focus) {
.poll { .poll {
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
margin-top: 8px;
} }
.poll.loading { .poll.loading {
opacity: 0.5; opacity: 0.5;
@ -837,7 +838,6 @@ a.card:is(:hover, :focus) {
pointer-events: none; pointer-events: none;
} }
.poll-option { .poll-option {
margin-top: 8px;
padding: 8px; padding: 8px;
display: flex; display: flex;
gap: 8px; gap: 8px;
@ -851,11 +851,21 @@ a.card:is(:hover, :focus) {
transparent transparent
); );
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 8px; /* border-radius: 8px; */
border: 1px solid var(--outline-color); border: 1px solid var(--outline-color);
border-bottom: 0;
align-items: center; align-items: center;
text-shadow: 0 1px var(--bg-blur-color); text-shadow: 0 1px var(--bg-blur-color);
} }
.poll-option:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.poll-option:last-of-type {
border-bottom: 1px solid var(--outline-color);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.poll-label { .poll-label {
width: 100%; width: 100%;
display: flex; display: flex;