From 0f3c672777470909c659fd4f9bc7cd1a9dfe232b Mon Sep 17 00:00:00 2001 From: did Date: Wed, 18 Jan 2012 02:04:48 +0100 Subject: [PATCH] make the toolbar smaller --- .../locomotive/inline_editor/layout.css.scss | 4 ++-- .../locomotive/inline_editor/toolbar.css.scss | 17 ++++++++++------- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/app/assets/stylesheets/locomotive/inline_editor/layout.css.scss b/app/assets/stylesheets/locomotive/inline_editor/layout.css.scss index f4f109ae..ffca3cca 100644 --- a/app/assets/stylesheets/locomotive/inline_editor/layout.css.scss +++ b/app/assets/stylesheets/locomotive/inline_editor/layout.css.scss @@ -5,7 +5,7 @@ body { #page { position: relative; - padding-top: 50px; + padding-top: 40px; iframe { width: 100%; @@ -16,6 +16,6 @@ body { #content-locale-picker { position: fixed; - top: 46px; + top: 44px; right: 70px; } \ No newline at end of file diff --git a/app/assets/stylesheets/locomotive/inline_editor/toolbar.css.scss b/app/assets/stylesheets/locomotive/inline_editor/toolbar.css.scss index db53ac87..ba15d198 100644 --- a/app/assets/stylesheets/locomotive/inline_editor/toolbar.css.scss +++ b/app/assets/stylesheets/locomotive/inline_editor/toolbar.css.scss @@ -9,9 +9,11 @@ top: 0px; left: 0px; - height: 50px; + height: 40px; width: 100%; + @include box-shadow(rgba(0, 0, 0, 1) 0px -1px 10px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px 4px, rgba(255, 255, 255, 0.4) 0 1px 0 0 inset); + .background { z-index: 100; position: absolute; @@ -22,7 +24,6 @@ width: 100%; @include background-image(linear-gradient(#3F3F45, #23242B)); - @include box-shadow(rgba(0, 0, 0, 0.6) 0px -1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 4px 6px 4px, rgba(255, 255, 255, 0.4) 0 1px 0 0 inset); @include opacity(0.95); } @@ -32,6 +33,8 @@ z-index: 200; color: #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + h1 { float: left; margin: 0 0 0 10px; @@ -41,7 +44,7 @@ width: 200px; - line-height: 50px; + line-height: 40px; font-size: 18px; font-weight: bold; color: #fff; @@ -61,8 +64,8 @@ .col { float: right; - height: 50px; - line-height: 50px; + height: 40px; + line-height: 40px; margin-right: 10px; padding-left: 14px; @@ -79,14 +82,14 @@ #content-locale-picker-link { @include button; - top: 7px; + top: 8px; } } .back { a { position: relative; - top: 9px; + top: 7px; } }