From 88f38f34cc1ac97a3a5081c3c183dd4dc4d77468 Mon Sep 17 00:00:00 2001 From: Sam Date: Fri, 18 Mar 2016 15:12:55 +1100 Subject: [PATCH] improve text only header --- app/assets/stylesheets/desktop/header.scss | 11 +++++++++++ app/assets/stylesheets/mobile/header.scss | 8 +++++++- 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/desktop/header.scss b/app/assets/stylesheets/desktop/header.scss index ff74c6714bf..f4ce15a0222 100644 --- a/app/assets/stylesheets/desktop/header.scss +++ b/app/assets/stylesheets/desktop/header.scss @@ -11,6 +11,11 @@ padding:8px; font-size: 2.1em; } + + .site-text-logo { + position: relative; + top: 10px; + } } @media all @@ -36,3 +41,9 @@ and (max-width : 570px) { color: dark-light-choose(scale-color($primary, $lightness: 25%), scale-color($secondary, $lightness: 75%)); } } + +header { + #site-text-logo { + line-height: 40px; + } +} diff --git a/app/assets/stylesheets/mobile/header.scss b/app/assets/stylesheets/mobile/header.scss index 3b8e8e15f4d..f72f0995864 100644 --- a/app/assets/stylesheets/mobile/header.scss +++ b/app/assets/stylesheets/mobile/header.scss @@ -2,6 +2,12 @@ // Discourse header // -------------------------------------------------- +@media only screen and (max-width: 320px) { + #site-text-logo { + font-size: 18px; + } +} + .d-header { #site-logo { @@ -10,7 +16,7 @@ // some protection for text-only site titles .title { - max-width: 130px; + max-width: 50%; height: 39px; overflow: hidden; padding: 0;