From d4e550aadcd3e9b7db501f4df6b8ffbfab562223 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 3 May 2018 21:07:53 -0300
Subject: [PATCH] Removes buggy collapses from Item Edition Page. A manual
 implementation did it better :P. Removes shadows from header and menu.

---
 .../components/navigation/primary-menu.vue    |   1 -
 .../components/navigation/tainacan-header.vue |   1 -
 .../field-types/tainacan-form-item.vue        | 112 +++++++++---------
 3 files changed, 56 insertions(+), 58 deletions(-)

diff --git a/src/admin/components/navigation/primary-menu.vue b/src/admin/components/navigation/primary-menu.vue
index a3867eb42..ccb87e7f3 100644
--- a/src/admin/components/navigation/primary-menu.vue
+++ b/src/admin/components/navigation/primary-menu.vue
@@ -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 {
diff --git a/src/admin/components/navigation/tainacan-header.vue b/src/admin/components/navigation/tainacan-header.vue
index 6e19db1ad..ac9e2136f 100644
--- a/src/admin/components/navigation/tainacan-header.vue
+++ b/src/admin/components/navigation/tainacan-header.vue
@@ -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; 
diff --git a/src/classes/field-types/tainacan-form-item.vue b/src/classes/field-types/tainacan-form-item.vue
index 2ce7160c9..23a478f7c 100644
--- a/src/classes/field-types/tainacan-form-item.vue
+++ b/src/classes/field-types/tainacan-form-item.vue
@@ -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>