KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Changes in card spacing

Browse source
This commit is contained in:
Nithin David 2022-12-09 17:51:56 +05:30
parent 6e5941c94b
commit a67b42b2ae
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss
View file

@ -7,8 +7,7 @@
}
50% {
box-shadow: var(--shadow-small);
transform: translateX(2px);
transform: translateX(-1px);
opacity: .8;
}
}
@ -22,7 +21,8 @@
position: relative;
&.active {
animation: left-shift-animation 0.3s ease-in-out;
animation: left-shift-animation 0.3s linear;
box-shadow: var(--shadow-small);
+.conversation::after {
border-top-color: transparent;

7
app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
View file

@ -429,7 +429,7 @@ export default {
display: flex;
position: relative;
border-radius: var(--border-radius-medium);
margin: 0 var(--space-small);
margin: var(--space-smaller) var(--space-small) 0;
padding: var(--space-small);
cursor: pointer;
position: relative;
@ -438,7 +438,7 @@ export default {
&::after {
content: '';
right: 0;
top: -3px;
top: -5px;
width: calc(100% - 40px);
position: absolute;
border-top: 1px solid var(--s-50);
@ -446,6 +446,9 @@ export default {
&:hover {
background: var(--s-25);
&::after {
border-top-color: transparent;
}
}
&.active {