aboutsummaryrefslogtreecommitdiff
path: root/src/components/notifications/notifications.scss
diff options
context:
space:
mode:
authorRoger Braun <roger@rogerbraun.net>2017-02-23 00:26:37 +0100
committerRoger Braun <roger@rogerbraun.net>2017-02-23 00:26:37 +0100
commit74931dece7d68167e5134e77e738c39f62a11146 (patch)
tree05cd0d5e9fbf34b699f9433de2b2979f06a65d9e /src/components/notifications/notifications.scss
parent7c0f3ea666a866a3bb1f2e8da161ae69901e519b (diff)
Revert "Show actual status in notifications when mentioned."
This reverts commit 0e1ab69c33f155865adc27d940a2542ffdcec30a.
Diffstat (limited to 'src/components/notifications/notifications.scss')
-rw-r--r--src/components/notifications/notifications.scss62
1 files changed, 30 insertions, 32 deletions
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 65efb103..517afeaa 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -1,44 +1,42 @@
@import '../../_variables.scss';
.notification {
+ padding: 0.4em 0 0 0.7em;
+ display: flex;
border-bottom: 1px solid silver;
- .notification-base {
- padding: 0.4em 0 0 0.7em;
- display: flex;
- .avatar {
- padding-top: 0.3em;
- width: 32px;
- height: 32px;
- border-radius: 50%;
- }
+ .text {
+ min-width: 0px;
+ word-wrap: break-word;
+ line-height:18px;
- .text {
- min-width: 0px;
- word-wrap: break-word;
- line-height:18px;
+ .icon-retweet {
+ color: $green;
+ }
- .icon-retweet {
- color: $green;
- }
+ .icon-reply {
+ color: $blue;
+ }
- .icon-reply {
- color: $blue;
- }
+ h1 {
+ margin: 0 0 0.3em;
+ padding: 0;
+ font-size: 1em;
+ line-height:20px;
+ }
- h1 {
- margin: 0 0 0.3em;
- padding: 0;
- font-size: 1em;
- line-height:20px;
- }
+ padding: 0.3em 0.8em 0.5em;
+ p {
+ margin: 0;
+ margin-top: 0;
+ margin-bottom: 0.3em;
+ }
+ }
- padding: 0.3em 0.8em 0.5em;
- p {
- margin: 0;
- margin-top: 0;
- margin-bottom: 0.3em;
- }
- }
+ .avatar {
+ padding-top: 0.3em;
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
}
&:last-child {