Changeset 26439

Timestamp:

11/27/2013 10:16:27 PM (11 years ago)

Author:

azaozz

Message:

Widgets: fix no-js and accessibility modes, props shaunandrews, fixes #26165.

File:

• trunk/src/wp-admin/css/wp-admin.css (modified) (9 diffs)

trunk/src/wp-admin/css/wp-admin.css

@@ -10190 +10190 @@
 }
 
-#available-widgets .widget-title-action {
+#available-widgets .widget-action {
     display: none;
 }
@@ -10235 +10235 @@
     float: right;
     position: relative;
-    top: 11px;
-    right: 10px;
-}
-
-div#widgets-right a.widget-action:after,
-div#widgets-left .inactive-sidebar .widget-action:after {
-    content: '\f140';
 }
 
@@ -10314 +10307 @@
 
 /* Accessibility Mode */
-#available-widgets .widget-control-edit .edit {
-    display :none;
-}
-
-#available-widgets .widget-control-edit .add {
+.widgets_access #widgets-left .widget .widget-top {
+    cursor: auto;
+}
+
+.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
+.widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
+.widgets_access #wpwrap .widget-control-edit {
     display: block;
-    position: absolute;
-    top: 0;
-    right: 50px;
-    bottom: 0;
-    left: 0;
-    z-index: 40;
-    text-align: center;
-    text-indent: -5000px;
-}
-
-#widgets-right .widget-control-edit {
-    background: #EEE;
-    margin: -14px -10px 0 0;
-    padding: 16px 15px;
-    border-left: 1px solid #DDD;
-}
-
+}
+
+.widgets_access #widgets-left .widget .widget-top:hover,
+.widgets_access #widgets-right .widget .widget-top:hover {
+    border-color: #ddd;
+}
+
+#available-widgets .widget-control-edit .edit,
+#widgets-left .inactive-sidebar .widget-control-edit .add,
 #widgets-right .widget-control-edit .add {
     display: none;
 }
 
+.widget-control-edit {
+    display: block;
+    color: #666;
+    background: #EEE;
+    padding: 0 15px;
+    line-height: 43px;
+    border-left: 1px solid #DDD;
+}
+
+#widgets-left .widget-control-edit:hover,
 #widgets-right .widget-control-edit:hover {
+    color: #fff;
     background: #444;
-}
-
-#widgets-right .widget-control-edit:before {
-    content: '\f111';
-    display: inline-block;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font: normal 16px/1 'dashicons';
-    vertical-align: top;
-    position: relative;
-        top: -1px;
-    padding-right: 4px;
+    border-left: 0;
+    outline: 1px solid #444;
 }
 
@@ -10367 +10355 @@
     margin: 0 auto;
 }
+
+.editwidget .widget-inside {
+    display: block;
+    padding: 0 15px;
+}
+
 .editwidget .widget-control-actions {
     margin-top: 20px;
@@ -10396 +10390 @@
     text-decoration: none !important;
 }
+
+.widget-top a.widget-action:after {
+    padding: 12px 12px 0;
+}
+
 .nav-menus-php .item-edit:before {
     line-height: 2.1;
 }
+
 .control-section .accordion-section-title:after,
 .accordion-section-title:after {
@@ -10405 +10405 @@
     top: -2px;
 }
+
 .control-section.open .accordion-section-title:after,
 #customize-info.open .accordion-section-title:after,
@@ -10431 +10432 @@
 .widgets_access .sidebar-name-arrow,
 .widgets_access #access-on,
-.widgets_access .widget-holder .description {
+.widgets_access .widget-holder .description,
+.no-js .widget-holder .description {
     display: none;
 }
@@ -10442 +10444 @@
 .widgets_access #access-off {
     display: inline;
-}
-
-.widgets_access #wpbody-content .widget-title-action,
-.widgets_access #wpbody-content .widget-control-edit,
-.widgets_access .closed .widgets-sortables,
-.widgets_access .closed .widget-holder {
-    display: block;
-}
-
-.widgets_access .closed .sidebar-name {
-    -webkit-border-bottom-right-radius: 0;
-    -webkit-border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
 }
 
@@ -10558 +10546 @@
     cursor: pointer;
 }
-/* End Widgets Area Chooser merge */
 
 /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */