From b8743a159b3114fbf632e3bf786cdc8ccc1d39d9 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Mon, 20 Aug 2018 17:09:14 -0300
Subject: [PATCH] Fixes breaking modal title. Removes tooltips from Records
 View Mode metadata.

---
 src/admin/components/lists/items-list.vue | 30 ++---------------------
 src/admin/scss/_modals.scss               | 10 +++++++-
 2 files changed, 11 insertions(+), 29 deletions(-)

diff --git a/src/admin/components/lists/items-list.vue b/src/admin/components/lists/items-list.vue
index 00bab65ff..10e099f5c 100644
--- a/src/admin/components/lists/items-list.vue
+++ b/src/admin/components/lists/items-list.vue
@@ -364,21 +364,8 @@
                                     v-for="(column, index) in tableMetadata"
                                     :key="index"
                                     v-if="collectionId == undefined && column.display && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop == 'description')">
-                                <h3 
-                                        v-tooltip="{
-                                            content: $i18n.get('label_description'),
-                                            html: false,
-                                            autoHide: false,
-                                            placement: 'auto-start'
-                                        }"
-                                        class="metadata-label">{{ $i18n.get('label_description') }}</h3>
+                                <h3 class="metadata-label">{{ $i18n.get('label_description') }}</h3>
                                 <p 
-                                        v-tooltip="{
-                                            content: item.description != undefined ? item.description : '',
-                                            html: true,
-                                            autoHide: false,
-                                            placement: 'auto-start'
-                                        }"
                                         v-html="item.description != undefined ? item.description : ''"
                                         class="metadata-value"/>
                             </span>
@@ -386,21 +373,8 @@
                                     v-for="(column, index) in tableMetadata"
                                     :key="index"
                                     v-if="column.display && column.slug != 'thumbnail' && column.metadata_type_object != undefined && (column.metadata_type_object.related_mapped_prop != 'title')">
-                                <h3 
-                                        v-tooltip="{
-                                            content: column.name,
-                                            html: false,
-                                            autoHide: false,
-                                            placement: 'auto-start'
-                                        }"
-                                        class="metadata-label">{{ column.name }}</h3>
+                                <h3 class="metadata-label">{{ column.name }}</h3>
                                 <p 
-                                        v-tooltip="{
-                                            content: item.metadata != undefined ? renderMetadata(item.metadata, column) : '',
-                                            html: true,
-                                            autoHide: false,
-                                            placement: 'auto-start'
-                                        }"
                                         v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : ''"
                                         class="metadata-value"/>
                             </span>
diff --git a/src/admin/scss/_modals.scss b/src/admin/scss/_modals.scss
index 7cf486827..618f080c9 100644
--- a/src/admin/scss/_modals.scss
+++ b/src/admin/scss/_modals.scss
@@ -8,11 +8,19 @@
 }
 
 .tainacan-modal-title {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 40px;
+    justify-content: space-between;
+    align-items: flex-end;
+
     h1, h2 {
         font-size: 20px;
         font-weight: 500;
         color: $blue5;
         display: inline-block;
+        width: 90%;
+        margin-right: auto;
     }
     a.back-link{
         font-weight: 500;
@@ -24,8 +32,8 @@
         height: 1px;
         background-color: $secondary;
         border-top: 0;
+        width: 100%;
     }
-    margin-bottom: 40px;
 }
 .tainacan-modal-content {
     background-color: white;