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

Improvements to tags and input danger color scheme.

This commit is contained in:
mateuswetah 2020-10-29 11:10:09 -03:00
parent 42e70f8226
commit 3f9b4b9d24
3 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/admin/scss/_inputs.scss
View File

@ -29,6 +29,10 @@ input[type="week"].input {
padding-bottom: calc(0.57em - 1px);
transition: background-color 0.1s ease, border-color 0.3s ease;
&.is-danger {
border: 1px solid var(--tainacan-danger);
}
&:focus, &:active {
box-shadow: none !important;
background-color: var(--tainacan-input-background-color);

20
src/views/admin/scss/_tags.scss
View File

@ -64,4 +64,24 @@
color: var(--tainacan-danger) !important;
}
}
&.is-danger {
border-color: var(--tainacan-danger) !important;
background-color: var(--tainacan-red1) !important;
color: var(--tainacan-danger) !important;
.tag,
.tag:hover,
.tag:focus,
.tag:active {
border-color: var(--tainacan-danger) !important;
background-color: var(--tainacan-red1) !important;
color: var(--tainacan-danger) !important;
}
&:hover .tag.is-delete:hover,
.tag.is-delete:hover {
border-color: var(--tainacan-danger) !important;
}
}
}

6
src/views/item-submission/pages/item-submission-form.vue
View File

@ -63,7 +63,7 @@
attached
:aria-close-label="$i18n.get('delete')"
@close="form.document = ''"
:type="documentErrorMessage ? 'is-danger' : ''">
:class="documentErrorMessage ? 'is-danger' : ''">
{{ form.document.name }}
</b-tag>
</div>
@ -182,7 +182,7 @@
attached
:aria-close-label="$i18n.get('delete')"
@close="form.thumbnail = null"
:type="thumbnailErrorMessage ? 'is-danger' : ''">
:class="thumbnailErrorMessage ? 'is-danger' : ''">
{{ form.thumbnail.name }}
</b-tag>
</div>
@ -248,7 +248,7 @@
attached
:aria-close-label="$i18n.get('delete')"
@close="form.attachments.splice(index, 1)"
:type="attachmentsErrorMessage.includes(attachment.name) ? 'is-danger' : ''">
:class="attachmentsErrorMessage.includes(attachment.name) ? 'is-danger' : ''">
{{ attachment.name }}
</b-tag>
</div>