From 5d5571afe905ad07386e32bacab5ab34d4ab0509 Mon Sep 17 00:00:00 2001 From: Andrew Ozz Date: Wed, 20 Nov 2013 02:40:54 +0000 Subject: [PATCH] Widgets: fix the placeholders dimensions so the sidebars don't jump when dragging a widget, see #25821 git-svn-id: https://develop.svn.wordpress.org/trunk@26281 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/wp-admin.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 515786f31d..97983eb04d 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -10043,6 +10043,7 @@ input.newtag:focus ~ div.taghint { width: 280px !important; min-width: 280px !important; } + .widget.ui-sortable-helper { border: 1px solid #DEDEDE; border-radius: 3px; @@ -10050,11 +10051,11 @@ input.newtag:focus ~ div.taghint { opacity: 0.8; z-index: 2000; } + .widget-placeholder { border: 1px solid #dedede; - border-bottom: none; - margin: 0 auto; - height: 43px; + margin: auto auto -1px; + height: 50px; width: 100%; background: #eee; box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); @@ -10063,7 +10064,6 @@ input.newtag:focus ~ div.taghint { box-sizing: border-box; } - /* Widget Sidebars */ .sidebar-name { border: none; @@ -10261,11 +10261,11 @@ div#widgets-left .inactive-sidebar .widgets-sortables { div#widgets-left .inactive-sidebar .widget-placeholder { border: 1px solid #ccc; - margin: 0 auto 10px auto; - height: 43px; + margin: 10px 0 0; + height: 50px; width: 100%; border-radius: 3px; - background: #aaa; + background: #e7e7e7; box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -10333,8 +10333,9 @@ div#widgets-right .widget-inside { div#widgets-right .widgets-sortables { padding: 0 8px; - margin-bottom: 8px; + margin-bottom: 9px; position: relative; + min-height: 50px; } div#widgets-right .widgets-sortables:before { @@ -10344,10 +10345,9 @@ div#widgets-right .widgets-sortables:before { position: absolute; left: 8px; right: 8px; - bottom: 1px; - height: 40px; + bottom: 0; + height: 47px; border: 1px dashed #dedede; - border-radius: 3px; line-height: 40px; font-weight: 600; color: #aaa;