verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 58 Releases Wiki Activity

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
parent b0a3a9b7bc 1fd18cae5a
commit f01733a8b1
3 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
modules/worker/front/log/index.html
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

3
modules/worker/front/log/locale/es.yml
View File

@ -10,4 +10,5 @@ Creates: Crea
Updates: Actualiza
Deletes: Elimina
Views: Visualiza
System: Sistema
System: Sistema
note: nota

11
modules/worker/front/log/style.scss
View File

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