tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Styles placeholder select state.

This commit is contained in:
mateuswetah 2024-03-18 15:23:09 -03:00
parent 59d5cd453a
commit 4163f8d96b
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/admin/components/metadata-types/selectbox/TainacanSelectbox.vue
View File

@ -12,6 +12,7 @@
:disabled="disabled" :disabled="disabled"
:placeholder="itemMetadatum.metadatum.placeholder ? itemMetadatum.metadatum.placeholder : $i18n.get('label_selectbox_init')" :placeholder="itemMetadatum.metadatum.placeholder ? itemMetadatum.metadatum.placeholder : $i18n.get('label_selectbox_init')"
:model-value="value" :model-value="value"
:class="{ 'has-placeholder-selected': value === '' }"
@update:model-value="onSelected($event)"> @update:model-value="onSelected($event)">
<option value=""> <option value="">
{{ itemMetadatum.metadatum.placeholder ? itemMetadatum.metadatum.placeholder : ($i18n.get('label_selectbox_init') + '...') }} {{ itemMetadatum.metadatum.placeholder ? itemMetadatum.metadatum.placeholder : ($i18n.get('label_selectbox_init') + '...') }}

6
src/views/admin/scss/_selects.scss
View File

@ -43,7 +43,11 @@
&:hover { &:hover {
border-color: var(--tainacan-input-color) !important; border-color: var(--tainacan-input-color) !important;
} }
&.has-placeholder-selected,
&.has-placeholder-selected:hover,
&.has-placeholder-selected:focus {
color: var(--tainacan-info-color) !important;
}
} }
&:not(.is-loading)::after { &:not(.is-loading)::after {
content: "arrowdown" !important; content: "arrowdown" !important;