From e5f08620d4bc285087704c9a018bd7fb0a28bdfb Mon Sep 17 00:00:00 2001 From: "John Molakvoæ (skjnldsv)" Date: Mon, 18 Jun 2018 13:12:03 +0200 Subject: Better design for core search, fixes and style to scss MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/styles.scss | 47 +++++++++++++++++++++++++---------------------- 1 file changed, 25 insertions(+), 22 deletions(-) (limited to 'core/css') diff --git a/core/css/styles.scss b/core/css/styles.scss index 736713c3e7a..57333689750 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -299,32 +299,35 @@ body { overflow-x: auto; } -#emptycontent, .emptycontent { +/* EMPTY CONTENT DISPLAY ------------------------------------------------------------ */ + +#emptycontent, +.emptycontent { color: nc-lighten($color-main-text, 53%); text-align: center; margin-top: 30vh; width: 100%; -} - -#app-sidebar #emptycontent, #app-sidebar .emptycontent { - margin-top: 10vh; -} - -#emptycontent.emptycontent-search, .emptycontent.emptycontent-search { - position: static; -} - -#emptycontent h2, .emptycontent h2 { - margin-bottom: 10px; - line-height: 150%; -} - -#emptycontent [class^='icon-'], .emptycontent [class^='icon-'], #emptycontent [class*=' icon-'], .emptycontent [class*=' icon-'] { - background-size: 64px; - height: 64px; - width: 64px; - margin: 0 auto 15px; - opacity: .4; + #app-sidebar & { + margin-top: 10vh; + } + .emptycontent-search { + position: static; + } + h2 { + margin-bottom: 10px; + line-height: 150%; + } + [class^='icon-'], + [class*='icon-'] { + background-size: 64px; + height: 64px; + width: 64px; + margin: 0 auto 15px; + &:not([class^='icon-loading']), + &:not([class*='icon-loading']) { + opacity: .4; + } + } } /* LOG IN & INSTALLATION ------------------------------------------------------------ */ -- cgit v1.2.3