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

Small adjustments to poll UI

Browse source
This commit is contained in:
Lim Chee Aun 2023-03-31 01:04:11 +08:00
parent 347d288c83
commit e4b30d95fc
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/status.css
View file

@ -851,7 +851,6 @@ a.card:is(:hover, :focus) {
border-radius: 16px; border-radius: 16px;
border: 1px solid var(--outline-color); border: 1px solid var(--outline-color);
background-color: var(--bg-faded-color); background-color: var(--bg-faded-color);
width: fit-content;
} }
.poll-option { .poll-option {
padding: 4px 8px; padding: 4px 8px;
@ -861,6 +860,9 @@ a.card:is(:hover, :focus) {
align-items: center; align-items: center;
position: relative; position: relative;
} }
.poll-option > * {
z-index: 1;
}
.poll-option:after { .poll-option:after {
content: ''; content: '';
position: absolute; position: absolute;
@ -870,7 +872,7 @@ a.card:is(:hover, :focus) {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
mix-blend-mode: multiply; z-index: 0;
} }
.poll-option:first-child:after { .poll-option:first-child:after {
border-top-left-radius: 12px; border-top-left-radius: 12px;
@ -892,6 +894,7 @@ a.card:is(:hover, :focus) {
display: flex; display: flex;
gap: 8px; gap: 8px;
cursor: pointer; cursor: pointer;
z-index: 1;
} }
.poll-label input:is([type='radio'], [type='checkbox']) { .poll-label input:is([type='radio'], [type='checkbox']) {
flex-shrink: 0; flex-shrink: 0;