Fixes breaking modal title. Removes tooltips from Records View Mode metadata.

This commit is contained in:
Mateus Machado Luna 2018-08-20 17:09:14 -03:00
parent fe4753a265
commit b8743a159b
2 changed files with 11 additions and 29 deletions

View File

@ -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>

View File

@ -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;