mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-03-23 06:09:21 +01:00
Further UI change to polls
This commit is contained in:
parent
c8d582184f
commit
d194b08aef
1 changed files with 12 additions and 9 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue