summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-01-08 10:24:30 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-01-08 10:24:30 +0900
commitb93e56d2e57a13e2657bf3e7bb7aa56985232ce0 (patch)
tree57b5dd2b4fa5f736a34e128457671f9cbf154f0b /packages/frontend/src/components
parenttweak note component (diff)
downloadsharkey-b93e56d2e57a13e2657bf3e7bb7aa56985232ce0.tar.gz
sharkey-b93e56d2e57a13e2657bf3e7bb7aa56985232ce0.tar.bz2
sharkey-b93e56d2e57a13e2657bf3e7bb7aa56985232ce0.zip
:art:
Diffstat (limited to 'packages/frontend/src/components')
-rw-r--r--packages/frontend/src/components/MkSelect.vue8
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/frontend/src/components/MkSelect.vue b/packages/frontend/src/components/MkSelect.vue
index 4b5a14f5be..e39cc2a5ce 100644
--- a/packages/frontend/src/components/MkSelect.vue
+++ b/packages/frontend/src/components/MkSelect.vue
@@ -1,7 +1,7 @@
<template>
<div class="vblkjoeq">
<div class="label" @click="focus"><slot name="label"></slot></div>
- <div ref="container" class="input" :class="{ inline, disabled, focused }" @click.prevent="onClick">
+ <div ref="container" class="input" :class="{ inline, disabled, focused }" @click.prevent="show" @mousedown.prevent="show">
<div ref="prefixEl" class="prefix"><slot name="prefix"></slot></div>
<select
ref="inputEl"
@@ -118,7 +118,7 @@ onMounted(() => {
});
});
-const onClick = (ev: MouseEvent) => {
+function show(ev: MouseEvent) {
focused.value = true;
opening.value = true;
@@ -166,7 +166,7 @@ const onClick = (ev: MouseEvent) => {
}).then(() => {
focused.value = false;
});
-};
+}
</script>
<style lang="scss" scoped>
@@ -285,7 +285,7 @@ const onClick = (ev: MouseEvent) => {
<style lang="scss" module>
.chevron {
- transition: transform 0.5s ease;
+ transition: transform 0.1s ease-out;
}
.chevronOpening {