From e46561339f59ff19f68d69596567d1498ed5a857 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 17 Jul 2015 21:04:33 +0500 Subject: MM-1426 - Updating UI --- web/sass-files/sass/partials/_post.scss | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'web/sass-files/sass/partials/_post.scss') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 745d50173..7551d8d58 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -86,10 +86,11 @@ body.ios { background: #FFF; display: inline-block; padding: 0 1em; - font-weight: 900; + font-weight: 700; @include border-radius(50px); position: relative; z-index: 5; + font-size: 13px; } } .new-separator { @@ -212,6 +213,11 @@ body.ios { } } } + &.current--user { + .post-body { + background: #f5f5f5; + } + } &.same--root { .comment-icon__container { @include opacity(0); @@ -269,7 +275,7 @@ body.ios { float: left; .post-profile-img { margin-right: 10px; - @include border-radius(3px); + @include border-radius(50px); } } &.post__content { @@ -290,6 +296,8 @@ body.ios { width: 600px; float: left; word-wrap: break-word; + padding: 0.3em 0 0.1em; + margin: -0.3em 0 0; .post-link { @include clearfix; text-overflow: ellipsis; @@ -359,7 +367,7 @@ body.ios { .embed-title { margin: 3px 0 1px; color: #555; - font-weight: bold; + font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -- cgit v1.2.3-1-g7c22 From 138d0ea12b6e0f2cd26f658224018c6a76e4d2a8 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 17 Jul 2015 21:07:53 +0500 Subject: Adding border radius --- web/sass-files/sass/partials/_post.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'web/sass-files/sass/partials/_post.scss') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 7551d8d58..8ce1bf984 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -215,6 +215,7 @@ body.ios { } &.current--user { .post-body { + @include border-radius(4px); background: #f5f5f5; } } -- cgit v1.2.3-1-g7c22 From f5c4cf10c484111e817c1111d9138d891c6d84cf Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 17 Jul 2015 23:39:09 +0500 Subject: Adding highlights and improving css for posts on responsive screens --- web/sass-files/sass/partials/_post.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'web/sass-files/sass/partials/_post.scss') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 8ce1bf984..72b527311 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -215,7 +215,7 @@ body.ios { } &.current--user { .post-body { - @include border-radius(4px); + @include border-radius(0 4px 4px 0); background: #f5f5f5; } } @@ -297,7 +297,7 @@ body.ios { width: 600px; float: left; word-wrap: break-word; - padding: 0.3em 0 0.1em; + padding: 0.3em 0.5em 0.1em; margin: -0.3em 0 0; .post-link { @include clearfix; -- cgit v1.2.3-1-g7c22