aboutsummaryrefslogtreecommitdiff
path: root/src/components/poll
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/poll')
-rw-r--r--src/components/poll/poll.vue12
-rw-r--r--src/components/poll/poll_form.vue3
2 files changed, 13 insertions, 2 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;
diff --git a/src/components/poll/poll_form.vue b/src/components/poll/poll_form.vue
index 146754db..09d411ca 100644
--- a/src/components/poll/poll_form.vue
+++ b/src/components/poll/poll_form.vue
@@ -95,7 +95,7 @@
<script src="./poll_form.js"></script>
<style lang="scss">
-@import '../../_variables.scss';
+@import "../../variables";
.poll-form {
display: flex;
@@ -117,6 +117,7 @@
.input-container {
width: 100%;
+
input {
// Hack: dodge the floating X icon
padding-right: 2.5em;