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

git-svn-id: https://develop.svn.wordpress.org/trunk@22391 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2012-11-06 00:05:47 +00:00
parent 99a47fb677
commit 1d1313833d
3 changed files with 37 additions and 28 deletions

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;