From 9e5bbeaa6adf15336405471d7118b901c94487ce Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Wed, 6 Aug 2014 02:06:36 +0300 Subject: [PATCH] Styles for splitbuttons on editor screen --- .../assets/sass/components/splitbuttons.scss | 9 +++++ ghost/admin/assets/sass/layouts/editor.scss | 37 +++---------------- 2 files changed, 14 insertions(+), 32 deletions(-) diff --git a/ghost/admin/assets/sass/components/splitbuttons.scss b/ghost/admin/assets/sass/components/splitbuttons.scss index c1ee17fcbc..ba9425164d 100644 --- a/ghost/admin/assets/sass/components/splitbuttons.scss +++ b/ghost/admin/assets/sass/components/splitbuttons.scss @@ -37,6 +37,15 @@ padding-left: 12px; padding-right: 12px; @include border-left-radius(0); + + &.btn-sm { + padding-left: 10px; + padding-right: 10px; + } + &.btn-lg { + padding-left: 16px; + padding-right: 16px; + } // This is the additional dropdown arrow, to the right of the button. diff --git a/ghost/admin/assets/sass/layouts/editor.scss b/ghost/admin/assets/sass/layouts/editor.scss index 8c6c610d24..3ef519e936 100644 --- a/ghost/admin/assets/sass/layouts/editor.scss +++ b/ghost/admin/assets/sass/layouts/editor.scss @@ -466,41 +466,14 @@ body.zen { right: -3px; } - .button-save, - .button-delete { - min-height: 30px; - height: 30px; - line-height: 12px; - padding: 0 10px; + .splitbtn { margin-top: 5px; - border-top: rgba(255,255,255,0.4) 1px solid; - } - - .options { - width: 30px; - min-height: 30px; - height: 30px; - margin-top: 5px; - border-top: rgba(255,255,255,0.4) 1px solid; - } - - .splitbutton-save, - .splitbutton-delete{ - .button-save, - .button-delete{ - @include transition(width 0.25s ease, background-color 0.3s linear); - } - - .editor-options{ - @extend .dropdown-bottom-right !optional; - bottom: 140%; - right: -3%; - - a { - font-size: 14px; - } + + .btn { + border-top: rgba(255,255,255,0.3) 1px solid; } } + } .extended-tags { // When the tag bar is exapanded