From 42ea20b43904e2f952c0d17217e0d1c35ccf55ce Mon Sep 17 00:00:00 2001 From: Jeff Atwood Date: Wed, 19 Mar 2014 07:02:09 -0700 Subject: [PATCH] get rid of borders around mobile glyphs --- app/assets/stylesheets/mobile/header.scss | 8 +-- app/assets/stylesheets/mobile/topic-post.scss | 64 ++++++++----------- 2 files changed, 28 insertions(+), 44 deletions(-) diff --git a/app/assets/stylesheets/mobile/header.scss b/app/assets/stylesheets/mobile/header.scss index 43e1819af68..42fb5d53e83 100644 --- a/app/assets/stylesheets/mobile/header.scss +++ b/app/assets/stylesheets/mobile/header.scss @@ -65,16 +65,10 @@ list-style: none; > li { float: left; - &:last-child .icon { - border-right: 1px solid $primary_border_color; - } } .icon { display: block; - border-top: 1px solid $primary_border_color; - border-bottom: 1px solid $primary_border_color; - border-left: 1px solid $primary_border_color; - padding: 3px; + padding: 4px; color: $nav-button-color; text-decoration: none; cursor: pointer; diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss index ccdef9c962e..ddc42c5abb2 100644 --- a/app/assets/stylesheets/mobile/topic-post.scss +++ b/app/assets/stylesheets/mobile/topic-post.scss @@ -43,13 +43,9 @@ span.badge-posts { button.create { float: right !important; - border: 1px solid $primary_border_color; margin-right: 0; - color: lighten($primary_text_color, 35%); - padding-right: 7px; -} - .like { - border-right: 1px solid $primary_border_color; + color: $primary_text_color; + padding-right: 7px;} } .create i { @@ -59,47 +55,41 @@ button.create { button { border: none; - font-size: 16px; - padding: 8px 10px; + font-size: 17px; + padding: 8px 12px; vertical-align: top; background: transparent; - border: 1px solid $primary_border_color; float: left !important; - &:last-of-type { - border-right: 1px solid $primary_border_color + &.hidden { + display: none; + } + &.like, &.edit, &.flag, &.delete, &.share, &.bookmark, &.create { + float: right; + } + .read-icon { + &:before { + font-family: "FontAwesome"; + content: "\f02e"; } - &.hidden { - display: none; - } - &.like, &.edit, &.flag, &.delete, &.share, &.bookmark, &.create { - float: right; - } - .read-icon { - &:before { - font-family: "FontAwesome"; - content: "\f02e"; - } - &.unseen { - &:before { - content: "\f097"; - } - } - &.last-read { - color: $warning_text_color; - } - &.bookmarked { - &:before { - color: $bookmarkColor; - } - } - } + &.unseen { + &:before { + content: "\f097"; } } + &.last-read { + color: $warning_text_color; + } + &.bookmarked { + &:before { + color: $bookmarkColor; + } + } + } +} .embedded-posts { - .topic-meta-data h5 a { margin-left: 10px; }