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

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

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