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

Merge branch 'fix/remove-unread-notifications-offset' into 'develop' 

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

See merge request !35
This commit is contained in:
lambadalambda 2017-03-01 11:13:46 -05:00
parent bebd5c3328 4d1183cc1f
commit 5db70a212d
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;
}
} }