vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: add empty space for notification mark read

Browse source 
mark-as-read added 8px width which caused layout shift
so i added empty space to compensate for it
This commit is contained in:
Maharshi Patel 2024-01-11 06:50:19 +05:30
parent 5ef8577cff
commit 0a7cdc74d3
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
frappe/public/scss/desk/notification.scss
View file

@ -139,18 +139,18 @@
justify-content: space-between;
&.unread {
&:hover {
.mark-as-read {
flex-shrink: 0;
align-self: center;
justify-self: end;
width: 8px;
height: 8px;
border: 2px solid var(--invert-neutral);
border-radius: 1000px;
}
.mark-as-read {
flex-shrink: 0;
align-self: center;
justify-self: end;
width: 8px;
height: 8px;
}
&:hover .mark-as-read {
border: 2px solid var(--invert-neutral);
border-radius: 1000px;
}
.notification-body::before {
background: var(--invert-neutral);
}