From 52e34b530c1b99059bcd378fd7447251c08405f5 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Thu, 18 Aug 2016 17:57:19 +0200 Subject: [PATCH] Minor visual bug fixes (#212) - Fix positioning bug introduced in #211 - Adjust search results max-height to be based on viewport height --- ghost/admin/app/styles/components/power-select.css | 2 +- ghost/admin/app/styles/layouts/main.css | 11 +++-------- 2 files changed, 4 insertions(+), 9 deletions(-) diff --git a/ghost/admin/app/styles/components/power-select.css b/ghost/admin/app/styles/components/power-select.css index 97be3b7d50..003422acc9 100644 --- a/ghost/admin/app/styles/components/power-select.css +++ b/ghost/admin/app/styles/components/power-select.css @@ -28,7 +28,7 @@ } .ember-power-select-options:not([role="group"]) { - max-height: 200px; + max-height: 70vh; } .ember-power-select-search input { diff --git a/ghost/admin/app/styles/layouts/main.css b/ghost/admin/app/styles/layouts/main.css index 97a2b7f268..0fdcb7b4b3 100644 --- a/ghost/admin/app/styles/layouts/main.css +++ b/ghost/admin/app/styles/layouts/main.css @@ -267,19 +267,14 @@ body > .ember-view:not(.liquid-target-container) { position: absolute; top: 0; left: 0; - width: 270px; + width: 205px; height: 100%; transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1); - transform: translate3d(-270px, 0px, 0px); + transform: translate3d(-205px, 0px, 0px); } .mobile-menu-expanded .gh-nav { transform: translate3d(0,0,0); } - - .gh-nav-list a { - padding: 7px 10px 7px 15px; - border-radius: 0 4px 4px 0; - } } @media (max-width: 500px) { @@ -386,7 +381,7 @@ body > .ember-view:not(.liquid-target-container) { height: 100%; transition: transform 0.20s; /* translate3d for GPU accelerated animation - http://bit.ly/1EY1Xhx */ - transform: translate3d(-180px,0,0); + transform: translate3d(-190px,0,0); } /* THE FUTURE: Super sexy background blur for Webkit - http://cl.ly/b1rG */