fernando/luos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PMCORE-3922: Added styles to unread cases

Browse Source 
Fixed observations

PM Blue color added
This commit is contained in:
Martin Laguna
2022-08-15 12:46:01 -04:00
parent 3510b5bb01
commit a4eb40745b
8 changed files with 984 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
resources/assets/js/components/dataViews/vueCardView/VueCard.vue
View File

@@ -1,6 +1,11 @@
<template>
<div class="pm-vue-card">
<div class="card pm-vue-card-inside" style="width: 20rem" @dblclick="dblClick">
<div
:class="item.INIT_DATE ? 'pm-case-unread' : 'pm-case-read'"
class="card pm-vue-card-inside"
style="width: 20rem"
@dblclick="dblClick"
>
<div class="card-view-body">
<slot> </slot>
</div>
@@ -49,4 +54,24 @@ export default {
min-height: 1px;
padding: 1.25rem;
}
.pm-case-read {
border-left: 15px solid transparent;
border-radius: 0.25rem;
border-width: 1px 1px 1px 15px;
background-image:
linear-gradient(white, white),
linear-gradient(to bottom, #70C6F3, #0099DC);
background-origin: border-box;
background-clip: content-box, border-box;
}
.pm-case-unread {
border-left: 15px solid transparent;
border-radius: 0.25rem;
border-width: 1px 1px 1px 15px;
background-image:
linear-gradient(white, white),
linear-gradient(to bottom, rgba(204,204,204,1),rgba(135,135,135,1));
background-origin: border-box;
background-clip: content-box, border-box;
}
</style>

26
resources/assets/js/components/dataViews/vueListView/VueList.vue
View File

@@ -1,6 +1,10 @@
<template>
<div class="pm-vue-list">
<div class="card pm-vue-list-inside" @dblclick.prevent="dblClick">
<div
:class="item.INIT_DATE ? 'pm-case-unread' : 'pm-case-read'"
class="card pm-vue-list-inside"
@dblclick.prevent="dblClick"
>
<div class="list-body">
<slot> </slot>
</div>
@@ -48,4 +52,24 @@ export default {
min-height: 1px;
padding: 1.25rem;
}
.pm-case-read {
border-left: 15px solid transparent;
border-radius: 0.25rem;
border-width: 1px 1px 1px 15px;
background-image:
linear-gradient(white, white),
linear-gradient(to bottom, #70C6F3, #0099DC);
background-origin: border-box;
background-clip: content-box, border-box;
}
.pm-case-unread {
border-left: 15px solid transparent;
border-radius: 0.25rem;
border-width: 1px 1px 1px 15px;
background-image:
linear-gradient(white, white),
linear-gradient(to bottom, rgba(204,204,204,1),rgba(135,135,135,1));
background-origin: border-box;
background-clip: content-box, border-box;
}
</style>