From d7d8df7d3a07de7b6eeae9c2332b243ffd5a157b Mon Sep 17 00:00:00 2001 From: Jeff Atwood Date: Fri, 13 May 2016 02:45:34 -0700 Subject: [PATCH] UX: remove border under mobile time gap too --- app/assets/stylesheets/common/base/topic-post.scss | 6 ------ app/assets/stylesheets/desktop/topic-post.scss | 14 ++++++++++---- app/assets/stylesheets/mobile/topic-post.scss | 7 ++++++- 3 files changed, 16 insertions(+), 11 deletions(-) diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss index 7aeef575d13..4091cae585b 100644 --- a/app/assets/stylesheets/common/base/topic-post.scss +++ b/app/assets/stylesheets/common/base/topic-post.scss @@ -344,12 +344,6 @@ table.md-table { clear: both; } -/* hide the reply border above the time gap notices */ -.time-gap + .topic-post .topic-body, -.time-gap + .topic-post .topic-avatar { - border-top: none; -} - .whisper { .post-info.whisper { margin-left: 0.5em; diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index 3a4feb6aca3..079020e04b9 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -583,10 +583,6 @@ video { } } -.small-action.deleted { - background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%); -} - #share-link { width: 365px; margin-left: -4px; @@ -718,6 +714,16 @@ $topic-avatar-width: 45px; border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%); } +.small-action.deleted { + background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%); +} + +/* hide the reply border above the time gap notices */ +.time-gap + .topic-post .topic-body, +.time-gap + .topic-post .topic-avatar { + border-top: none; +} + .posts-wrapper { position: relative; -webkit-font-smoothing: subpixel-antialiased; diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss index 4489ac12d36..6fba9b16a6c 100644 --- a/app/assets/stylesheets/mobile/topic-post.scss +++ b/app/assets/stylesheets/mobile/topic-post.scss @@ -15,13 +15,18 @@ .small-action-desc { padding-top: 1em; - + button { padding-top: 0px; } } } +/* hide the reply border above the time gap notices */ +.time-gap + .topic-post article { + border-top: none; +} + .topic-post article { border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%); padding: 8px 0;