summaryrefslogtreecommitdiff
path: root/packages/client/src/components/form
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-07-02 22:07:04 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-07-02 22:07:04 +0900
commit9c6a2208107d8046c2f9c7eb302363cc214a8861 (patch)
tree30b898564313051530340f2cc100776c146855a7 /packages/client/src/components/form
parentfix(client): fix typo (diff)
downloadmisskey-9c6a2208107d8046c2f9c7eb302363cc214a8861.tar.gz
misskey-9c6a2208107d8046c2f9c7eb302363cc214a8861.tar.bz2
misskey-9c6a2208107d8046c2f9c7eb302363cc214a8861.zip
chore(client): tweak ui
Diffstat (limited to 'packages/client/src/components/form')
-rw-r--r--packages/client/src/components/form/range.vue3
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/client/src/components/form/range.vue b/packages/client/src/components/form/range.vue
index d46174acc1..387ad26f3d 100644
--- a/packages/client/src/components/form/range.vue
+++ b/packages/client/src/components/form/range.vue
@@ -6,7 +6,7 @@
<div class="track">
<div class="highlight" :style="{ width: (steppedRawValue * 100) + '%' }"></div>
</div>
- <div v-if="steps" class="ticks">
+ <div v-if="steps && showTicks" class="ticks">
<div v-for="i in (steps + 1)" class="tick" :style="{ left: (((i - 1) / steps) * 100) + '%' }"></div>
</div>
<div ref="thumbEl" v-tooltip="textConverter(finalValue)" class="thumb" :style="{ left: thumbPosition + 'px' }" @mousedown="onMousedown" @touchstart="onMousedown"></div>
@@ -27,6 +27,7 @@ const props = withDefaults(defineProps<{
max: number;
step?: number;
textConverter?: (value: number) => string,
+ showTicks?: boolean;
}>(), {
step: 1,
textConverter: (v) => v.toString(),