Merge pull request '2788 Add ellipsis in log component' (#561) from 2788-add-ellipsize_log-component into dev
gitea/salix/pipeline/head This commit looks good Details

Reviewed-on: #561
Reviewed-by: Carlos Jimenez Ruiz <carlosjr@verdnatura.es>
This commit is contained in:
Carlos Jimenez Ruiz 2021-03-05 11:36:43 +00:00
commit f01733a8b1
3 changed files with 27 additions and 5 deletions

View File

@ -69,8 +69,13 @@
<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 alignSpan">{{::old.key}}</span><span class="label alignSpan">: </span>
<span
translate
class="value ellipsis"
vn-tooltip="{{::old.value | dashIfEmpty}}">
{{::old.value | dashIfEmpty}}
</span>
</div>
</vn-one>
</vn-td>
@ -80,8 +85,13 @@
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 alignSpan">{{::new.key}}</span><span class="label alignSpan">: </span>
<span
translate
class="value ellipsis"
vn-tooltip="{{::new.value | dashIfEmpty}}">
{{::new.value | dashIfEmpty}}
</span>
</div>
</vn-one>
<vn-one

View File

@ -11,3 +11,4 @@ Updates: Actualiza
Deletes: Elimina
Views: Visualiza
System: Sistema
note: nota

View File

@ -24,3 +24,14 @@ vn-log {
}
}
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
max-width: 400px;
text-overflow: ellipsis;
display: inline-block;
}
.alignSpan {
overflow: hidden;
display: inline-block;
}