moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix the very visible padding offset in unread notification caused by the border.

This commit is contained in:
shpuld 2017-02-27 19:21:40 +02:00
parent bebd5c3328
commit 4d1183cc1f
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/notifications/notifications.scss
View File

@ -13,12 +13,12 @@
}
}
.unseen {
border-left: 4px solid rgba(255, 48, 16, 0.65);
}
.notification {
padding: 0.4em 0 0 0.7em;
// Will have to use pixels here to ensure consistent distance with
// pad alone and pad + border, browsers bad at rounding this with em,
// they love to give a 1 pixel ghost offset with 0.7em vs 0.3em + 0.4em,
// which does not happen with 10px vs 4px + 6px.
padding: 0.4em 0 0 10px;
display: flex;
border-bottom: 1px solid silver;
@ -62,4 +62,9 @@
border: none
}
}
.unseen {
border-left: 4px solid rgba(255, 48, 16, 0.65);
padding-left: 6px;
}
}