introduce static editor components (which are used for UI elements)

This commit is contained in:
2020-09-15 16:09:01 +02:00
parent 81f91ac80b
commit ef05a059f0
4 changed files with 41 additions and 8 deletions
+11 -3
View File
@@ -1,6 +1,6 @@
<template>
<div class="ui-property" :class="{'is-vertical': vertical, 'is-text': isText, 'hide-label': hideLabel }">
<label v-if="label" class="ui-property-label" :for="field">
<label v-if="label && !hideLabel" class="ui-property-label" :for="field">
<span v-localize="label"></span>
<strong class="ui-property-required" v-if="required">*</strong>
<slot name="label-after"></slot>
@@ -80,16 +80,24 @@
}
.ui-property.full-width > .ui-property-content,
.ui-property.hide-label > .ui-property-content
.ui-property.hide-label > .ui-property-content,
.ui-property.is-static > .ui-property-content
{
max-width: 100%;
}
.ui-property.hide-label > .ui-property-label
.ui-property.hide-label > .ui-property-label,
.ui-property.is-static > .ui-property-label
{
display: none;
}
.ui-property.is-static,
.ui-property.is-static + .ui-property
{
margin-top: 0 !important;
}
.ui-property-label
{
display: block;