nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Further UI change to polls

Browse source
This commit is contained in:
Lim Chee Aun 2023-04-02 15:17:30 +08:00
parent c8d582184f
commit d194b08aef
1 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/status.css
View file

@ -835,6 +835,15 @@ a.card:is(:hover, :focus) {
.poll { .poll {
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
margin-top: 8px; margin-top: 8px;
border-radius: 16px;
border: 1px solid var(--outline-color);
background-color: var(--bg-faded-color);
background-image: linear-gradient(
to bottom,
var(--bg-color) 50%,
var(--bg-faded-color)
);
overflow: hidden;
} }
.poll.loading { .poll.loading {
opacity: 0.5; opacity: 0.5;
@ -848,9 +857,6 @@ a.card:is(:hover, :focus) {
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
padding: 4px; padding: 4px;
border-radius: 16px;
border: 1px solid var(--outline-color);
background-color: var(--bg-faded-color);
} }
.poll-option { .poll-option {
padding: 4px 8px; padding: 4px 8px;
@ -878,10 +884,6 @@ a.card:is(:hover, :focus) {
border-top-left-radius: 12px; border-top-left-radius: 12px;
border-top-right-radius: 12px; border-top-right-radius: 12px;
} }
.poll-option:last-child:after {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.poll-option:hover:after { .poll-option:hover:after {
opacity: 1; opacity: 1;
} }
@ -910,10 +912,11 @@ a.card:is(:hover, :focus) {
opacity: 1; opacity: 1;
} }
.poll-vote-button { .poll-vote-button {
margin-top: 8px; margin: 8px 8px 0 12px;
padding-inline: 24px;
} }
.poll-meta { .poll-meta {
margin: 8px 0; margin: 8px 16px;
font-size: 90%; font-size: 90%;
} }
.poll-option-title { .poll-option-title {