Added ellipsize and align label
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
jorgebl 2021-02-26 12:32:05 +01:00
parent ee2aeb2337
commit 094552e0f2
2 changed files with 16 additions and 4 deletions

View File

@ -69,8 +69,8 @@
<vn-td expand class="before">
<vn-one ng-repeat="old in log.oldProperties">
<div>
<span translate class="label">{{::old.key}}</span><span class="label">: </span>
<span translate class="value">{{::old.value | dashIfEmpty}}</span>
<span translate class="label labelAlign">{{::old.key}}</span><span class="label labelAlign">: </span>
<span translate class="value ellipsis" vn-tooltip="{{::old.value | dashIfEmpty}}">{{::old.value | dashIfEmpty}}</span>
</div>
</vn-one>
</vn-td>
@ -80,8 +80,8 @@
ng-if="!log.description"
id="newInstance">
<div>
<span translate class="label">{{::new.key}}</span><span class="label">: </span>
<span translate class="value">{{::new.value | dashIfEmpty}}</span>
<span translate class="label labelAlign">{{::new.key}}</span><span class="label labelAlign">: </span>
<span translate class="value ellipsis" vn-tooltip="{{::new.value | dashIfEmpty}}">{{::new.value | dashIfEmpty}}</span>
</div>
</vn-one>
<vn-one

View File

@ -23,4 +23,16 @@ vn-log {
display: block;
}
}
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
max-width: 400px;
text-overflow: ellipsis;
display: inline-block;
}
.labelAlign {
overflow: hidden;
display: inline-block;
}