For postboxes, only show arrows/handles on hover when JS is enabled. props TobiasBg. fixes #21611.

git-svn-id: http://core.svn.wordpress.org/trunk@22391 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Nacin 2012-11-06 00:05:47 +00:00
parent e58fb0852b
commit 80405f9935
3 changed files with 37 additions and 28 deletions

View File

@ -649,8 +649,8 @@ table.widefat span.spam a,
color: #174f69;
}
.sidebar-name:hover h3,
.postbox h3:hover {
.js .sidebar-name:hover h3,
.js .postbox h3:hover {
color: #000;
}
@ -1485,7 +1485,7 @@ fieldset.inline-edit-col-right .inline-edit-col {
color: #D54E21;
}
.meta-box-sortables .postbox:hover .handlediv {
.js .meta-box-sortables .postbox:hover .handlediv {
background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px;
}
@ -1620,8 +1620,8 @@ div.widgets-sortables,
box-shadow: inset 0 1px 0 #fff;
}
.sidebar-name:hover,
#removing-widget {
.js .sidebar-name:hover,
.js #removing-widget {
color: #d54e21;
}
@ -1629,11 +1629,11 @@ div.widgets-sortables,
color: black;
}
.sidebar-name-arrow {
.js .sidebar-name-arrow {
background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px;
}
.sidebar-name:hover .sidebar-name-arrow {
.js .sidebar-name:hover .sidebar-name-arrow {
background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px;
}
@ -1978,7 +1978,7 @@ div.widgets-sortables,
}
/* edit image */
.rtl .meta-box-sortables .postbox:hover .handlediv {
.js.rtl .meta-box-sortables .postbox:hover .handlediv {
background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px;
}
@ -1987,11 +1987,11 @@ div.widgets-sortables,
border-left-color: #d1e5ee;
}
.rtl .sidebar-name-arrow {
.js.rtl .sidebar-name-arrow {
background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px;
}
.rtl .sidebar-name:hover .sidebar-name-arrow {
.js.rtl .sidebar-name:hover .sidebar-name-arrow {
background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px;
}
@ -2032,7 +2032,7 @@ div.widgets-sortables,
#adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
#adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
.nav-menus-php .item-edit:hover,
.nav-menus-php .item-edit:hover,
.sidebar-name:hover .sidebar-name-arrow,
.rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
.rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,

View File

@ -655,8 +655,8 @@ table.widefat span.spam a,
color: #222;
}
.sidebar-name:hover h3,
.postbox h3:hover {
.js .sidebar-name:hover h3,
.js .postbox h3:hover {
color: #000;
}
@ -1382,7 +1382,7 @@ fieldset.inline-edit-col-right .inline-edit-col {
color: #D54E21;
}
.meta-box-sortables .postbox:hover .handlediv {
.js .meta-box-sortables .postbox:hover .handlediv {
background: transparent url(../images/arrows.png) no-repeat 6px 7px;
}
@ -1517,8 +1517,8 @@ div.widgets-sortables,
box-shadow: inset 0 1px 0 #fff;
}
.sidebar-name:hover,
#removing-widget {
.js .sidebar-name:hover,
.js #removing-widget {
color: #d54e21;
}
@ -1526,11 +1526,11 @@ div.widgets-sortables,
color: black;
}
.sidebar-name-arrow {
.js .sidebar-name-arrow {
background: transparent url(../images/arrows.png) no-repeat 5px 9px;
}
.sidebar-name:hover .sidebar-name-arrow {
.js .sidebar-name:hover .sidebar-name-arrow {
background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
}
@ -1857,7 +1857,7 @@ div.widgets-sortables,
}
/* Edit Image */
.rtl .meta-box-sortables .postbox:hover .handlediv {
.js.rtl .meta-box-sortables .postbox:hover .handlediv {
background: transparent url(../images/arrows.png) no-repeat 6px 7px;
}
@ -1866,11 +1866,11 @@ div.widgets-sortables,
border-left-color: #eee;
}
.rtl .sidebar-name-arrow {
.js.rtl .sidebar-name-arrow {
background: transparent url(../images/arrows.png) no-repeat 5px 9px;
}
.rtl .sidebar-name:hover .sidebar-name-arrow {
.js.rtl .sidebar-name:hover .sidebar-name-arrow {
background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
}

View File

@ -2077,13 +2077,16 @@ html.wp-toolbar {
}
.postbox .hndle {
cursor: move;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.js .postbox .hndle {
cursor: move;
}
.postbox.closed .hndle {
-webkit-border-radius: 3px;
border-radius: 3px;
@ -2098,6 +2101,9 @@ html.wp-toolbar {
float: right;
width: 27px;
height: 30px;
}
.js .postbox .handlediv {
cursor: pointer;
}
@ -2123,14 +2129,14 @@ html.wp-toolbar {
margin-top: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
cursor: move;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.stuffbox h3 {
cursor: auto;
.js .widget .widget-top,
.js .postbox h3 {
cursor: move;
}
.postbox .inside,
@ -7674,8 +7680,8 @@ h3.tb {
min-width: 0;
}
.postbox:hover .handlediv,
.stuffbox:hover .handlediv {
.js .postbox:hover .handlediv,
.js .stuffbox:hover .handlediv {
background: transparent url(../images/arrows.png) no-repeat 6px 7px;
}
@ -8020,7 +8026,6 @@ div.sidebar-name h3 {
}
div.sidebar-name {
cursor: pointer;
font-size: 13px;
border-width: 1px;
border-style: solid;
@ -8030,6 +8035,10 @@ div.sidebar-name {
border-top-left-radius: 3px;
}
.js .sidebar-name {
cursor: pointer;
}
.js .closed .sidebar-name {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;