Do not ellipses form labels anymore and adjusts labels line height. #570

This commit is contained in:
mateuswetah 2021-06-29 19:49:07 -03:00
parent b2fa851a7b
commit cdeda76841
5 changed files with 13 additions and 30 deletions

View File

@ -1646,7 +1646,7 @@ export default {
margin-bottom: 110px;
.field:not(:last-child) {
margin-bottom: 0.5em;
margin-bottom: 0em;
}
}
@ -1721,7 +1721,7 @@ export default {
}
.field {
padding: 10px 0px 14px 60px;
padding: 12px 0px 12px 60px;
}
@media screen and (max-width: 769px) {

View File

@ -331,7 +331,7 @@
.field {
padding-right: 0;
margin-left: 3px;
margin-bottom: 0.875em;
margin-bottom: 0em !important;
}
.is-last-input.field {
border-bottom: none;

View File

@ -21,17 +21,7 @@
}"
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
</span>
<label
v-tooltip="{
delay: {
show: 500,
hide: 300,
},
content: itemMetadatum.metadatum.name,
autoHide: false,
placement: 'auto-end'
}"
class="label">
<label class="label">
{{ itemMetadatum.metadatum.name }}
</label>
<span
@ -163,7 +153,7 @@
eventBusItemMetadata.$off('updateErrorMessageOf#' + (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id));
},
mounted () {
if (this.$route.query && this.$route.query.editingmetadata) {
if (this.$route && this.$route.query && this.$route.query.editingmetadata) {
this.isHighlightedMetadatum = this.$route.query.editingmetadata == (this.itemMetadatum.parent_meta_id ? this.itemMetadatum.metadatum.id + '-' + this.itemMetadatum.parent_meta_id : this.itemMetadatum.metadatum.id);
if (this.isHighlightedMetadatum) {
@ -302,25 +292,21 @@
margin-left: 15px;
margin-bottom: 0;
margin-top: 0.15em;
max-width: 50%;
}
.metadata-type {
font-size: 0.8125em;
font-weight: 400;
color: var(--tainacan-info-color);
opacity: 0.75;
top: -0.1em;
position: relative;
}
.help-wrapper {
top: -0.2em;
}
.collapse-handle {
cursor: pointer;
position: relative;
margin-left: -42px;
bottom: 0.1em;
white-space: nowrap;
line-height: 1.5em;
}
.collapse-handle+div {
margin-top: 0.5em;
}
.add-link {
font-size: 0.75em;

View File

@ -29,11 +29,8 @@
text-transform: inherit;
font-size: 0.875em;
color: var(--tainacan-label-color);
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: top;
display: inline;
line-height: 2.0em;
}
.section-label>label {
cursor: default;

View File

@ -736,10 +736,10 @@ export default {
max-width: 100%;
}
.field:not(:last-child) {
margin-bottom: 0.5em;
margin-bottom: 0em;
}
.field {
padding: 10px 0px 14px 34px;
padding: 12px 0px 12px 34px;
}
.columns {