Fixes color highlights for terms list. Uses switch instead of checkbox on taxonomy form for allowing new terms.

This commit is contained in:
Mateus Machado Luna 2018-09-11 16:26:00 -03:00
parent 0f01379b90
commit c07453d981
3 changed files with 37 additions and 15 deletions

View File

@ -93,20 +93,19 @@
</b-field> </b-field>
<!-- Allow Insert --> <!-- Allow Insert -->
<b-field <b-field :addons="false">
:addons="false" <label class="label is-inline">
:label="$i18n.get('label_taxonomy_allow_new_terms')"> {{ $i18n.get('label_taxonomy_allow_new_terms') }}
<help-button <b-switch
:title="$i18n.getHelperTitle('taxonomies', 'allow_insert')" id="tainacan-checkbox-allow-insert"
:message="$i18n.getHelperMessage('taxonomies', 'allow_insert')"/> size="is-small"
<div class="block" > v-model="form.allowInsert"
<b-checkbox true-value="yes"
v-model="form.allowInsert" false-value="no" />
true-value="yes" <help-button
false-value="no"> :title="$i18n.getHelperTitle('taxonomies', 'allow_insert')"
{{ labelNewTerms() }} :message="$i18n.getHelperMessage('taxonomies', 'allow_insert')"/>
</b-checkbox> </label>
</div>
</b-field> </b-field>
<!-- Hook for extra Form options --> <!-- Hook for extra Form options -->

View File

@ -347,7 +347,7 @@ export default {
user-select: none; user-select: none;
} }
&.opened-term:first-child { &.opened-term>div:first-child>div {
cursor: default; cursor: default;
background-color: $gray1; background-color: $gray1;

View File

@ -460,6 +460,29 @@ export default {
border-color: transparent transparent transparent $gray2 !important; border-color: transparent transparent transparent $gray2 !important;
} }
} }
.parent-term>div>.opened-term.term-item:first-child {
cursor: default;
background-color: $gray1 !important;
&:before {
content: '';
display: block;
position: absolute;
left: 100%;
right: -20px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent $gray1;
border-left-width: 24px;
border-top-width: 20px;
border-bottom-width: 20px;
top: 0;
}
&:hover:before {
border-color: transparent transparent transparent $gray1;
}
}
.view-more-terms-level-0 { .view-more-terms-level-0 {
font-size: 0.875rem; font-size: 0.875rem;