diff options
| author | Xeltica <7106976+Xeltica@users.noreply.github.com> | 2020-08-23 11:05:04 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-08-23 11:05:04 +0900 |
| commit | ed141338fb804ffc1ba284a75065b6a73023e03b (patch) | |
| tree | 430646afa582fee3f7961f9cc11ccc908a341212 /src | |
| parent | 12.47.1 (diff) | |
| download | misskey-ed141338fb804ffc1ba284a75065b6a73023e03b.tar.gz misskey-ed141338fb804ffc1ba284a75065b6a73023e03b.tar.bz2 misskey-ed141338fb804ffc1ba284a75065b6a73023e03b.zip | |
Safari で mk-select に光沢がかかるのを修正 (#6668)
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/ui/select.vue | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/client/components/ui/select.vue b/src/client/components/ui/select.vue index d42560e13a..cb737df6ed 100644 --- a/src/client/components/ui/select.vue +++ b/src/client/components/ui/select.vue @@ -13,7 +13,11 @@ > <slot></slot> </select> - <div class="suffix"><slot name="suffix"></slot></div> + <div class="suffix"> + <slot name="suffix"> + <fa :icon="faChevronDown"/> + </slot> + </div> </div> <div class="text"><slot name="text"></slot></div> </div> @@ -21,6 +25,7 @@ <script lang="ts"> import Vue from 'vue'; +import { faChevronDown } from '@fortawesome/free-solid-svg-icons'; export default Vue.extend({ props: { @@ -43,7 +48,8 @@ export default Vue.extend({ }, data() { return { - focused: false + focused: false, + faChevronDown, }; }, computed: { @@ -157,6 +163,8 @@ export default Vue.extend({ border-radius: 0; outline: none; box-shadow: none; + appearance: none; + -webkit-appearance: none; color: var(--fg); option, @@ -172,7 +180,7 @@ export default Vue.extend({ justify-self: center; font-size: 1em; line-height: 32px; - color: rgba(#000, 0.54); + color: var(--inputLabel); pointer-events: none; &:empty { |