From 0f08a4378cce717476a79ecc1d296d296360c435 Mon Sep 17 00:00:00 2001 From: Toby Zerner Date: Wed, 3 Jun 2015 18:11:43 +0930 Subject: [PATCH] Style tweaks --- less/forum/composer.less | 6 +++++- less/forum/discussion.less | 9 ++++----- less/forum/hero.less | 8 ++++---- less/lib/components.less | 1 + 4 files changed, 14 insertions(+), 10 deletions(-) diff --git a/less/forum/composer.less b/less/forum/composer.less index 4df486a36..98125912d 100644 --- a/less/forum/composer.less +++ b/less/forum/composer.less @@ -29,7 +29,7 @@ font-weight: normal; } & input { - &, &[disabled] { + &, &[disabled], &:focus { background: none; border: 0; padding: 0 20px 0 0; @@ -147,6 +147,9 @@ .minimized & { pointer-events: none; } + .full-screen & { + margin-bottom: 20px; + } } .composer-content { padding: 20px 20px 0; @@ -231,6 +234,7 @@ &, &:focus, &[disabled] { background: none; + border: 0; } } } diff --git a/less/forum/discussion.less b/less/forum/discussion.less index 0eec3c57d..c2e4544ea 100644 --- a/less/forum/discussion.less +++ b/less/forum/discussion.less @@ -233,7 +233,7 @@ & pre { border: 0; padding: 15px; - background: #fafafa; + background: #f3f3f3; color: #666; font-size: 90%; } @@ -464,11 +464,11 @@ cursor: text; overflow: hidden; margin: 50px -20px 0; - border: 2px dashed @fl-body-secondary-color; + border: 2px dashed transparent; color: @fl-body-muted-color; border-radius: 10px; padding: 20px 20px 20px 110px; - transition: color 0.2s, border-color 0.2s; + transition: border-color 0.2s; & .post-header { padding-top: 18px; @@ -478,8 +478,7 @@ margin-top: -18px; } &:hover { - color: @fl-secondary-color; - border-color: @fl-body-muted-color; + border-color: @fl-body-secondary-color; } } diff --git a/less/forum/hero.less b/less/forum/hero.less index 5a3e320a4..abdb2a083 100644 --- a/less/forum/hero.less +++ b/less/forum/hero.less @@ -3,14 +3,15 @@ background: @fl-body-hero-bg; text-align: center; padding: 20px 0; + color: @fl-body-hero-color; - &, & a { - color: @fl-body-hero-color; + & a { + color: inherit; } & .close { float: right; margin-top: -10px; - color: @fl-body-hero-muted-color; + color: inherit; } & h2 { margin: 0; @@ -21,7 +22,6 @@ & .subtitle { margin: 8px 0 0; line-height: 1.5em; - color: @fl-body-hero-muted-color; } } @media @phone { diff --git a/less/lib/components.less b/less/lib/components.less index 511186c3a..cb7402df0 100644 --- a/less/lib/components.less +++ b/less/lib/components.less @@ -10,6 +10,7 @@ .loading-indicator { position: relative; + color: @fl-body-muted-color; } .loading-indicator-inline { display: inline-block;