Fix styles when protocol is published [SCI-8108]

This commit is contained in:
sboursen-scinote 2023-03-16 09:15:22 +01:00
parent 697cf6f19a
commit d49a992dd4
2 changed files with 29 additions and 9 deletions

View file

@ -122,6 +122,14 @@
.sci-inline-edit__view,
textarea {
padding-left: 10px;
&::placeholder {
font-weight: normal;
}
}
.sci-inline-edit__view.blank {
font-weight: normal;
}
}
@ -143,19 +151,29 @@
margin-left: 0;
}
&:not(.active) {
.input-field {
border-color: transparent;
&:not(.disabled) {
&:not(.active) {
.input-field {
border-color: transparent;
&:hover {
border: 1px solid $color-alto;
&:hover {
border: 1px solid $color-alto;
}
}
}
&.active {
.input-field {
border: 1px solid $brand-focus;
}
}
}
&.active {
.input-field {
border: 1px solid $brand-focus;
&.disabled {
.input-field,
.input-field:hover,
.input-field:active {
border-color: transparent;
}
}
}

View file

@ -57,7 +57,9 @@
</p>
<p class="data-block keywords-data">
<span>{{ i18n.t("protocols.header.keywords") }}</span>
<span class="keywords-list">
<span
class="keywords-list"
v-if="protocol.attributes.urls.update_protocol_authors_url || protocol.attributes.keywords.length">
<DropdownSelector
:inputTagMode="true"
:options="this.protocol.attributes.keywords"