Removes buggy collapses from Item Edition Page. A manual implementation did it better :P. Removes shadows from header and menu.
This commit is contained in:
mateuswetah
parent
cd30053d95
commit
d4e550aadc
|
|
@ -82,7 +82,6 @@ export default {
|
|||
-webkit-transition: max-width 0.2s linear; /* Safari */
|
||||
transition: max-width 0.2s linear;
|
||||
max-width: $side-menu-width;
|
||||
box-shadow: -3px 0px 8px #111;
|
||||
z-index: 99;
|
||||
|
||||
.separator {
|
||||
|
|
|
|||
|
|
@ -65,7 +65,6 @@ export default {
|
|||
background-color: $secondary;
|
||||
height: $header-height;
|
||||
max-height: $header-height;
|
||||
box-shadow: 0px -2px 7px #000;
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
vertical-align: middle;
|
||||
|
|
|
|||
|
|
@ -3,62 +3,62 @@
|
|||
:addons="false"
|
||||
:message="getErrorMessage"
|
||||
:type="fieldTypeMessage">
|
||||
<b-collapse >
|
||||
<span @click="isCollapsed = !isCollapsed">
|
||||
<b-icon
|
||||
type="is-secondary"
|
||||
:icon="!isCollapsed ? 'menu-down' : 'menu-right'" />
|
||||
<label class="label">{{ field.field.name }}</label>
|
||||
<span
|
||||
v-if="field.field.required == 'yes'"
|
||||
class="required-field-asterisk"
|
||||
:class="fieldTypeMessage">*</span>
|
||||
<span class="field-type">({{ $i18n.get(field.field.field_type_object.component) }})</span>
|
||||
</span>
|
||||
<help-button
|
||||
:title="field.field.name"
|
||||
:message="field.field.description"/>
|
||||
<div
|
||||
v-show="!isCollapsed"
|
||||
v-if="isTextInputComponent( field.field.field_type_object.component )">
|
||||
<component
|
||||
:id="field.field.field_type_object.component + '-' + field.field.slug"
|
||||
:is="field.field.field_type_object.component"
|
||||
v-model="inputs[0]"
|
||||
:field="field"
|
||||
@blur="changeValue()"/>
|
||||
<div v-if="field.field.multiple == 'yes'">
|
||||
<div
|
||||
v-if="index > 0"
|
||||
v-for="(input, index) in inputsList "
|
||||
:key="index"
|
||||
class="multiple-inputs">
|
||||
<component
|
||||
:id="field.field.field_type_object.component + '-' + field.field.slug"
|
||||
:is="field.field.field_type_object.component"
|
||||
v-model="inputs[index]"
|
||||
:field="field"
|
||||
@blur="changeValue()"/><a
|
||||
class="button"
|
||||
v-if="index > 0"
|
||||
@click="removeInput(index)">-</a>
|
||||
</div>
|
||||
<a
|
||||
<span
|
||||
class="collapse-handle"
|
||||
@click="isCollapsed = !isCollapsed">
|
||||
<b-icon
|
||||
type="is-secondary"
|
||||
:icon="!isCollapsed ? 'menu-down' : 'menu-right'" />
|
||||
<label class="label">{{ field.field.name }}</label>
|
||||
<span
|
||||
v-if="field.field.required == 'yes'"
|
||||
class="required-field-asterisk"
|
||||
:class="fieldTypeMessage">*</span>
|
||||
<span class="field-type">({{ $i18n.get(field.field.field_type_object.component) }})</span>
|
||||
</span>
|
||||
<help-button
|
||||
:title="field.field.name"
|
||||
:message="field.field.description"/>
|
||||
<div
|
||||
v-show="!isCollapsed"
|
||||
v-if="isTextInputComponent( field.field.field_type_object.component )">
|
||||
<component
|
||||
:id="field.field.field_type_object.component + '-' + field.field.slug"
|
||||
:is="field.field.field_type_object.component"
|
||||
v-model="inputs[0]"
|
||||
:field="field"
|
||||
@blur="changeValue()"/>
|
||||
<div v-if="field.field.multiple == 'yes'">
|
||||
<div
|
||||
v-if="index > 0"
|
||||
v-for="(input, index) in inputsList "
|
||||
:key="index"
|
||||
class="multiple-inputs">
|
||||
<component
|
||||
:id="field.field.field_type_object.component + '-' + field.field.slug"
|
||||
:is="field.field.field_type_object.component"
|
||||
v-model="inputs[index]"
|
||||
:field="field"
|
||||
@blur="changeValue()"/><a
|
||||
class="button"
|
||||
@click="addInput">+</a>
|
||||
v-if="index > 0"
|
||||
@click="removeInput(index)">-</a>
|
||||
</div>
|
||||
<a
|
||||
class="button"
|
||||
@click="addInput">+</a>
|
||||
</div>
|
||||
<div
|
||||
v-show="!isCollapsed"
|
||||
v-else>
|
||||
<component
|
||||
:id="field.field.field_type_object.component + '-' + field.field.slug"
|
||||
:is="field.field.field_type_object.component"
|
||||
v-model="inputs"
|
||||
:field="field"
|
||||
@blur="changeValue()"/>
|
||||
</div>
|
||||
</b-collapse>
|
||||
</div>
|
||||
<div
|
||||
v-show="!isCollapsed"
|
||||
v-else>
|
||||
<component
|
||||
:id="field.field.field_type_object.component + '-' + field.field.slug"
|
||||
:is="field.field.field_type_object.component"
|
||||
v-model="inputs"
|
||||
:field="field"
|
||||
@blur="changeValue()"/>
|
||||
</div>
|
||||
</b-field>
|
||||
</template>
|
||||
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
field: {
|
||||
type: Object
|
||||
},
|
||||
isCollapsed: Boolean
|
||||
isCollapsed: true
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
|
|
@ -166,8 +166,8 @@
|
|||
.help-wrapper {
|
||||
top: -0.2em;
|
||||
}
|
||||
.collapse .collapse-content>div {
|
||||
margin-left: 45px;
|
||||
.collapse-handle {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue