Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

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

Browse source
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 { .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; display: flex;
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
@ -62,4 +62,9 @@
border: none border: none
} }
} }
.unseen {
border-left: 4px solid rgba(255, 48, 16, 0.65);
padding-left: 6px;
}
} }