zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-07 02:28:54 +08:00
Code Issues Projects Releases Wiki Activity

add disabled state for dropDownChevron

Browse Source
This commit is contained in:
lana-k
2021-04-08 19:52:14 +02:00
parent 9314e27d0e
commit ba75685a23
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/svg/dropDownChevron.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<svg <svg
class="chevron-icon" :class="['chevron-icon', {'disabled': disabled}]"
width="20" width="20"
height="20" height="20"
viewBox="0 0 20 20" viewBox="0 0 20 20"
@@ -14,7 +14,8 @@
<script> <script>
export default { export default {
name: 'DropDownChevron' name: 'DropDownChevron',
props: ['disabled']
} }
</script> </script>
@@ -26,4 +27,12 @@ export default {
.chevron-icon:hover path { .chevron-icon:hover path {
fill: var(--color-accent); fill: var(--color-accent);
} }
.disabled.chevron-icon {
cursor: default;
}
.disabled.chevron-icon:hover path {
fill: #C8D4E3;
}
</style> </style>