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

refs #5667 Style fixes
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
Juan Ferrer 2023-05-19 14:31:16 +02:00
parent 20b3c4f5b8
commit c1e222db83
2 changed files with 41 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
front/salix/components/log/index.html
View File

@ -16,7 +16,7 @@
</vn-crud-model>
<vn-data-viewer
model="model"
class="vn-w-md vn-px-sm">
class="vn-w-sm vn-px-sm">
<div class="change vn-mb-sm" ng-repeat="log in $ctrl.logs">
<div class="left">
<vn-avatar class="vn-mt-xs"
@ -33,24 +33,26 @@
</div>
<vn-card class="detail">
<div class="header vn-pa-sm">
<div class="action-model">
<div class="action" ng-class="::$ctrl.actionsClass[log.action]">
<div
class="date text-secondary text-caption vn-mr-sm"
title="{{::log.creationDate | date:'dd/MM/yyyy HH:mm:ss'}}">
<span >
<vn-icon
class="action vn-mr-xs"
ng-class="::$ctrl.actionsClass[log.action]"
icon="{{::$ctrl.actionsIcon[log.action]}}"
title="{{::$ctrl.actionsText[log.action] | translate}}">
</vn-icon>
</div>
<div class="model-name"
ng-if="::$ctrl.showModelName"
{{::$ctrl.relativeDate(log.creationDate)}}
</span>
</div>
<div class="action-model">
<span class="model-name"
ng-if="::$ctrl.showModelName && log.changedModel"
ng-style="::{backgroundColor: $ctrl.hashToColor(log.changedModel)}"
title="{{::log.changedModel}}">
{{::log.changedModelI18n}}
</div>
</div>
<div
class="date text-secondary text-caption vn-ml-sm"
title="{{::log.creationDate | date:'dd/MM/yyyy HH:mm:ss'}}">
{{::$ctrl.relativeDate(log.creationDate)}}
</span>
</div>
</div>
<div

57
front/salix/components/log/style.scss
View File

@ -57,38 +57,11 @@ vn-log {
overflow: hidden;
max-width: 100%;
& > .action {
display: flex;
align-items: center;
justify-content: center;
color: $color-font-bg;
vertical-align: middle;
border-radius: 8px 0 0 8px;
min-width: 22px;
&.notice {
background-color: $color-notice-medium
}
&.success {
background-color: $color-success-medium;
}
&.warning {
background-color: $color-main-medium;
}
&.alert {
background-color: lighten($color-alert, 5%);
}
& > vn-icon {
font-size: 1.2em;
}
}
& > .model-name {
display: flex;
flex-grow: 1;
align-items: center;
padding: 2px 6px;
display: inline-block;
padding: 2px 5px;
color: $color-font-dark;
border-radius: 0 8px 8px 0;
border-radius: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -97,6 +70,30 @@ vn-log {
.date {
white-space: nowrap;
}
.action {
display: inline-flex;
align-items: center;
justify-content: center;
color: $color-font-bg;
vertical-align: middle;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 1.5em;
&.notice {
background-color: $color-notice-medium
}
&.success {
background-color: $color-success-medium;
}
&.warning {
background-color: $color-main-medium;
}
&.alert {
background-color: lighten($color-alert, 5%);
}
}
}
& > .model {
overflow: hidden;