From c40fd09183695bea1a3225ac57220c29cfafedd1 Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Sun, 28 Jul 2013 23:24:17 +0000 Subject: [PATCH] More betterer theme screenshot scaling when the admin menu is folded. props andrewspittle. fixes #22794. git-svn-id: https://develop.svn.wordpress.org/trunk@24834 602fd350-edb4-49c9-b593-d223f7449a82 --- wp-admin/css/wp-admin.css | 48 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index 8bcc052691..b116232234 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -5314,6 +5314,54 @@ h3.available-themes { margin: 0; } +/* Allow for three-up in small windows when sidebar is collapsed */ +@media only screen and (max-width: 1200px) { + .folded .available-theme, + .folded .available-theme .screenshot { + width: 300px; + } + + .folded .available-theme .screenshot { + height: 225px; + } + + .folded #current-theme img { + width: 300px; + } + + .folded #current-theme.has-screenshot { + padding-left: 330px; + } + + .folded #current-theme img { + margin-left: -330px; + } +} + +/* Adjust three-up display in smaller windows when sidebar is collapsed */ +@media only screen and (max-width: 1079px) { + .folded .available-theme, + .folded .available-theme .screenshot { + width: 270px; + } + + .folded .available-theme .screenshot { + height: 203px; + } + + .folded #current-theme img { + width: 270px; + } + + .folded #current-theme.has-screenshot { + padding-left: 300px; + } + + .folded #current-theme img { + margin-left: -300px; + } +} + /* Allow for three-up on 1024px wide screens, e.g. tablets */ @media only screen and (max-width: 1200px) { .available-theme,