aboutsummaryrefslogtreecommitdiff
path: root/src/components/poll/poll.vue
diff options
context:
space:
mode:
authortusooa <tusooa@kazv.moe>2023-01-09 13:02:16 -0500
committertusooa <tusooa@kazv.moe>2023-01-09 13:02:16 -0500
commit7dc22774532872fc99aa7768cf299ab623e9d155 (patch)
tree8f8f3607f281968e28e38664ae3523697014c310 /src/components/poll/poll.vue
parent38961bc167f3fedcd6c3eb61f92d9134f9b5cbdf (diff)
Use stylelint
Diffstat (limited to 'src/components/poll/poll.vue')
-rw-r--r--src/components/poll/poll.vue12
1 files changed, 11 insertions, 1 deletions
diff --git a/src/components/poll/poll.vue b/src/components/poll/poll.vue
index f6b12a54..cacc3298 100644
--- a/src/components/poll/poll.vue
+++ b/src/components/poll/poll.vue
@@ -90,7 +90,7 @@
<script src="./poll.js"></script>
<style lang="scss">
-@import '../../_variables.scss';
+@import "../../variables";
.poll {
.votes {
@@ -98,9 +98,11 @@
flex-direction: column;
margin: 0 0 0.5em;
}
+
.poll-option {
margin: 0.75em 0.5em;
}
+
.option-result {
height: 100%;
display: flex;
@@ -109,6 +111,7 @@
color: $fallback--lightText;
color: var(--lightText, $fallback--lightText);
}
+
.option-result-label {
display: flex;
align-items: center;
@@ -116,10 +119,12 @@
z-index: 1;
word-break: break-word;
}
+
.result-percentage {
width: 3.5em;
flex-shrink: 0;
}
+
.result-fill {
height: 100%;
position: absolute;
@@ -133,20 +138,25 @@
left: 0;
transition: width 0.5s;
}
+
.option-vote {
display: flex;
align-items: center;
}
+
input {
width: 3.5em;
}
+
.footer {
display: flex;
align-items: center;
}
+
&.loading * {
cursor: progress;
}
+
.poll-vote-button {
padding: 0 0.5em;
margin-right: 0.5em;