WordPress.org
Get WordPress

Make WordPress Core

Ticket #25858: 25858.widgets.3.diff

File 25858.widgets.3.diff, 19.0 KB (added by shaunandrews, 11 years ago)

This is a minor change from the last widgets patch which fixes a bug that broke click-to-add widgets.

  • src/wp-admin/css/wp-admin.css

     
    630630.nav-menus-php .major-publishing-actions .form-invalid,
    631631#TB_window,
    632632.tbtitle,
    633 .highlight,
    634 .editwidget .widget-inside {
     633.highlight {
    635634        border-width: 1px;
    636635        border-style: solid;
    637636}
    … …  
    25622561        margin-bottom: 20px;
    25632562}
    25642563
    2565 .widget,
    25662564.postbox,
    25672565.stuffbox {
    25682566        margin-bottom: 20px;
    … …  
    25702568        line-height: 1;
    25712569}
    25722570
    2573 .widget .widget-top,
    25742571.postbox h3,
    25752572.stuffbox h3 {
    25762573        margin-top: 1px;
    … …  
    96139610        margin-bottom: 10px;
    96149611}
    96159612
    9616 /* widgets */
    96179613
    9618 /* 2 column liquid layout */
    9619 div.widget-liquid-left {
    9620         float: left;
    9621         clear: left;
    9622         width: 100%;
    9623         margin-right: -325px;
     9614/* General Widget Styles */
     9615
     9616.widget {
     9617        margin: 10px auto;
     9618        /* min-width: 50%; Not sure if this is needed */
     9619        position: relative;
     9620        border: none !important; /* ln 991 in colors-fresh.css */
     9621        box-sizing: border-box;
     9622        -moz-box-sizing:border-box;
     9623        -webkit-box-sizing:border-box;
    96249624}
    96259625
    9626 div#widgets-left {
    9627         margin-left: 5px;
    9628         margin-right: 325px;
     9626.widget-top {
     9627        font-size: 12px;
     9628        font-weight: 600;
     9629        background: #f7f7f7;
    96299630}
    96309631
    9631 div#widgets-right {
    9632         width: 285px;
    9633         margin: 0 auto;
     9632.widget-top a.widget-action,
     9633.widget-top a.widget-action:hover {
     9634        text-decoration: none;
    96349635}
    96359636
    9636 div.widget-liquid-right {
    9637         float: right;
    9638         clear: right;
    9639         width: 300px;
     9637.widget-title h4 {
     9638        margin: 0;
     9639        padding: 18px 15px;
     9640        line-height: 1;
     9641        overflow: hidden;
     9642        white-space: nowrap;
     9643        text-overflow: ellipsis;
    96409644}
    96419645
    9642 .widget-liquid-right .widget {
    9643         position: relative;
     9646.widget-inside {
     9647        background: #fff !important; /* ln 1204 in colors.fresh.css */
     9648        padding: 1px 15px 15px 15px;
     9649        line-height: 16px;
    96449650}
    96459651
    9646 .widget-liquid-right .widget,
    9647 .inactive-sidebar .widget,
    9648 .widget-liquid-right .sidebar-description {
    9649         width: 250px;
    9650         margin: 0 auto 20px;
     9652/* Widget Dragging Helpers */
     9653
     9654.widget.ui-draggable-dragging {
     9655        width: 280px !important;
     9656        min-width: 280px !important;
    96519657}
     9658.widget.ui-sortable-helper {
     9659        border: 1px solid #DEDEDE;
     9660        border-radius: 3px;
     9661        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
     9662        opacity: 0.8;
     9663        z-index: 2000;
     9664}
     9665.widget-placeholder {
     9666        border: 1px solid #dedede;
     9667        border-bottom: none;
     9668        margin: 0 auto;
     9669        height: 43px;
     9670        width: 100%;
     9671        background: #eee;
     9672        box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
     9673        -webkit-box-sizing: border-box;
     9674        -moz-box-sizing: border-box;
     9675        box-sizing: border-box;
     9676}
    96529677
    9653 .widget-liquid-right .widget,
    9654 .widget-liquid-right .sidebar-description {
    9655         overflow: hidden;
     9678
     9679/* Widget Sidebars */
     9680.sidebar-name {
     9681        border: none;
     9682        position: relative;
     9683        -webkit-box-sizing: border-box;
     9684        -moz-box-sizing: border-box;
     9685        box-sizing: border-box;
    96569686}
    96579687
    9658 .widget-liquid-right .sidebar-description {
    9659         margin-bottom: 10px;
     9688.sidebar-name-arrow {
     9689        position: absolute;
     9690                top: 0;
     9691                right: 0;
     9692                bottom: 0;
    96609693}
    96619694
    9662 .inactive-sidebar .widget {
    9663         margin: 0 10px 20px;
    9664         display: inline-block;
     9695.js .sidebar-name {
     9696        cursor: pointer;
    96659697}
    96669698
    9667 div.sidebar-name h3 {
     9699.sidebar-name h3 {
    96689700        font-weight: normal;
    96699701        font-size: 15px;
    96709702        margin: 0;
    … …  
    96739705        white-space: nowrap;
    96749706}
    96759707
    9676 div.sidebar-name {
    9677         font-size: 13px;
    9678         border-bottom-width: 1px;
    9679         border-bottom-style: solid;
     9708.widgets-holder-wrap .description {
     9709        padding: 0;
     9710        margin: 0;
     9711        font-style: normal;
     9712        font-size: 12px;
     9713        color: #777;
    96809714}
    96819715
    9682 .js .sidebar-name {
    9683         cursor: pointer;
     9716/* Widgets 2-col Layout */
     9717div.widget-liquid-left {
     9718        margin: 0;
     9719        width: 38%;
     9720        float: left;
     9721        border-right: 2px solid #ccc;
    96849722}
    96859723
    9686 .js .closed .sidebar-name {
    9687         -webkit-border-bottom-right-radius: 3px;
    9688         -webkit-border-bottom-left-radius: 3px;
    9689         border-bottom-right-radius: 3px;
    9690         border-bottom-left-radius: 3px;
     9724div.widget-liquid-right {
     9725        float: right;
     9726        width: 60%;
    96919727}
    96929728
    9693 .widget-liquid-right .widgets-sortables,
    9694 #widgets-left .widget-holder {
    9695         border-width: 0 1px 1px;
    9696         border-style: none solid solid;
    9697         -webkit-border-bottom-right-radius: 3px;
    9698         -webkit-border-bottom-left-radius: 3px;
    9699         border-bottom-right-radius: 3px;
    9700         border-bottom-left-radius: 3px;
    9701 }
     9729/* Widgets Left - Available Widgets */
    97029730
    9703 .js .closed .widgets-sortables,
    9704 .js .closed .widget-holder,
    9705 .js .closed br.clear {
    9706         display: none;
     9731div#widgets-left {
     9732        margin: 0;
     9733        padding: 12px 5% 0 0;
    97079734}
    97089735
    9709 .widget-liquid-right .widgets-sortables {
    9710         padding: 15px 0 0;
     9736div#widgets-left .closed .sidebar-name,
     9737div#widgets-left .inactive-sidebar.closed .sidebar-name {
     9738        margin-bottom: 10px;
    97119739}
    97129740
    9713 #available-widgets .widget-holder {
    9714         padding: 7px 5px 0;
     9741div#widgets-left .sidebar-name h3 {
     9742        padding: 10px 0;
     9743        margin: 0 10px 0 0;
    97159744}
    97169745
    9717 .inactive-sidebar {
    9718         padding: 5px 5px 0;
     9746div#widgets-left .sidebar-name:hover h3 {
     9747        color: #464646;
    97199748}
    97209749
    9721 #widget-list .widget {
    9722         width: 250px;
    9723         margin: 0 10px 15px;
    9724         border: 0 none;
    9725         background: transparent;
    9726         display: inline-block;
    9727         vertical-align: top;
     9750div#widgets-left .sidebar-name .sidebar-name-arrow:before {
     9751        right: 0;
     9752        top: 4px;
     9753        padding: 4px 6px 4px 4px;
     9754        border-radius: 20px;
    97289755}
    97299756
    9730 #widget-list .widget-description {
    9731         padding: 5px 8px;
     9757div#widgets-left .sidebar-name:hover .sidebar-name-arrow:before {
     9758        background: #ccc;
    97329759}
    97339760
    9734 .widget-placeholder {
    9735         border-width: 1px;
    9736         border-style: dashed;
    9737         margin: 0 auto 20px;
    9738         height: 34px;
    9739         width: 250px;
     9761div#widgets-left .closed .sidebar-name .sidebar-name-arrow:before {
     9762        background: #999;
     9763        color: #fff;
    97409764}
    97419765
    9742 .inactive-sidebar .widget-placeholder {
    9743         margin: 0 10px 20px;
    9744         float: left;
     9766div#widgets-left .widget-holder {
     9767        background: transparent;
     9768        border: none;
    97459769}
    97469770
    9747 div.widgets-holder-wrap {
    9748         padding: 0;
    9749         margin: 10px 0 20px;
     9771#available-widgets {
     9772        background: transparent !important; /* ln 1620 colors-fresh.css */
     9773        margin: 0;
     9774        border-radius: none;
     9775        box-shadow: none;
     9776        border: none;
    97509777}
    97519778
    9752 #widgets-left #available-widgets {
    9753         background-color: transparent;
    9754         border: 0 none;
     9779#available-widgets .widget-title-action {
     9780        display: none;
    97559781}
    97569782
    9757 ul#widget-list {
    9758         list-style: none;
    9759         margin: 0;
    9760         padding: 0;
    9761         min-height: 100px;
     9783#available-widgets .widget {
     9784        margin: 10px 0 0 0;
    97629785}
    97639786
    9764 .widget .widget-top {
    9765         font-size: 12px;
    9766         font-weight: 600;
    9767         height: 26px;
     9787#available-widgets .widget-top {
     9788        border-radius: 3px;
     9789        background: #ffffff; /* ln 1047 in colors-fresh.css */
     9790        border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
    97689791}
    97699792
    9770 .widget .widget-top,
    9771 .menu-item-handle {
    9772         margin-top: 0;
    9773         padding: 4px;
     9793#available-widgets .widget-top:hover {
     9794        border-color: #999 !important; /* ln 991 in colors-fresh.css */
     9795        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    97749796}
    97759797
    9776 .widget-top .widget-title {
    9777         padding: 7px 9px;
     9798#available-widgets .more-info {
     9799        color: #ccc;
     9800        position: absolute;
     9801        top: 8px;
     9802        right: 0;
     9803        bottom: 8px;
     9804        padding: 6px 9px 6px 8px;
     9805        border-left: 1px dotted #DDD;
     9806        cursor: help;
    97789807}
    97799808
    9780 .widget-top .widget-title-action {
    9781         float: right;
     9809#available-widgets .more-info:before {
     9810        content: '\f223';
     9811        color: #ccc;
     9812        display: inline-block;
     9813        -webkit-font-smoothing: antialiased;
     9814        -moz-osx-font-smoothing: grayscale;
     9815        font: normal 20px/1 'dashicons';
     9816        vertical-align: top;
    97829817}
    97839818
    9784 a.widget-action {
    9785         display: block;
    9786         width: 24px;
    9787         height: 26px;
    9788         text-decoration: none;
     9819#available-widgets .widget .widget-description {
     9820        display: none;
     9821        position: absolute;
     9822        top: 40px;
     9823        right: 5px;
     9824        width: 150px;
     9825        padding: 10px 14px;
     9826        background: rgba(0, 0, 0, 0.7);
     9827        border-radius: 3px;
     9828        z-index: 10;
     9829        color: #fff;
    97899830}
    97909831
    9791 #available-widgets a.widget-action {
    9792         display: none;
     9832/* Inactive Sidebars */
     9833#widgets-left .inactive-sidebar {
     9834        clear: both;
     9835        width: 100%;
     9836        background: transparent;
     9837        padding: 0;
     9838        margin: 0 0 20px 0;
     9839        border: none;
     9840        box-shadow: none;
    97939841}
    97949842
    9795 .widget-top a.widget-action,
    9796 .widget-top a.widget-action:hover {
    9797         background: none !important;
    9798         border: none !important;
    9799         width: 30px;
    9800         margin-right: 0 !important;
    9801         margin-top: 3px;
    9802         text-decoration: none;
     9843#widgets-left .inactive-sidebar.first {
     9844        margin-top: 40px;
    98039845}
    98049846
    9805 .nav-menus-php .item-edit:after,
    9806 .widget-top a.widget-action:after,
    9807 .control-section .accordion-section-title::after,
    9808 .accordion-section-title::after {
    9809         right: 0;
    9810         content: '\f141';
    9811         border: none;
    9812         background: none;
    9813         font: normal 20px/1 'dashicons';
    9814         speak: none;
    9815         display: block;
    9816         padding: 0;
    9817         text-indent: 0;
    9818         text-align: center;
    9819         position: relative;
    9820         -webkit-font-smoothing: antialiased;
    9821         -moz-osx-font-smoothing: grayscale;
    9822         text-decoration: none !important;
     9847#widgets-left .inactive-sidebar .description {
    98239848}
    98249849
    9825 .control-section .accordion-section-title::after,
    9826 .accordion-section-title::after {
    9827         float: right;
    9828         right: 20px;
    9829         top: -2px;
     9850#widgets-left .inactive-sidebar .widget {
     9851        margin: 10px 0 0 0;
    98309852}
    98319853
    9832 .widget-top a.widget-action:after {
    9833         content: '\f140';
     9854#widgets-left .inactive-sidebar .widget-inside {
     9855        -webkit-border-bottom-right-radius: 3px;
     9856        -webkit-border-bottom-left-radius: 3px;
     9857        -moz-border-radius-bottomright: 3px;
     9858        -moz-border-radius-bottomleft: 3px;
     9859        border-bottom-right-radius: 3px;
     9860        border-bottom-left-radius: 3px;
     9861        background: #dfdfdf;
    98349862}
    98359863
    9836 .control-section.open .accordion-section-title::after,
    9837 #customize-info.open .accordion-section-title::after,
    9838 .nav-menus-php .menu-item-edit-active .item-edit:after {
    9839         content: '\f140';
     9864#widgets-left .inactive-sidebar .widget-top {
     9865        background: #fff !important; /* ln 991 in colors-fresh.css */
     9866        border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
     9867        border-radius: 3px;
    98409868}
    98419869
    9842 .nav-menus-php .item-controls .item-type {
    9843         padding: 11px;
    9844         margin-right: 10px;
     9870#widgets-left .inactive-sidebar .widget-top:hover {
     9871        border-color: #999 !important; /* ln 991 in colors-fresh.css */
     9872        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    98459873}
    98469874
    9847 .widget .widget-inside,
    9848 .widget .widget-description {
    9849         padding: 12px 12px 10px;
    9850         font-size: 12px;
    9851         line-height: 16px;
     9875/* Not sure what this is for... */
     9876div#widgets-left .inactive-sidebar .widget.expanded {
     9877        left: auto;
    98529878}
    98539879
    9854 .widget-inside,
    9855 .widget-description {
    9856         display: none;
     9880#widgets-left .inactive-sidebar .widget-title-action {
     9881        float: right;
     9882        position: relative;
     9883        top: 13px;
     9884        right: 10px;
    98579885}
    98589886
    9859 #available-widgets .widget-description {
    9860         display: block;
     9887div#widgets-left .inactive-sidebar .widget-action:after {
     9888        content: '\f111';
     9889        color: #888;
    98619890}
    98629891
    9863 .widget .widget-inside p {
    9864         margin: 0 0 1em;
     9892div#widgets-left .inactive-sidebar .widgets-sortables {
     9893        min-height: 42px;
    98659894        padding: 0;
     9895        background: transparent;
     9896        margin: 0;
     9897        position: relative;
    98669898}
    98679899
    9868 .widget-title h4 {
    9869         margin: 0;
    9870         padding-bottom: 0.2em;
    9871         line-height: 1;
    9872         overflow: hidden;
    9873         white-space: nowrap;
    9874         text-overflow: ellipsis;
     9900div#widgets-left .inactive-sidebar .widget-placeholder {
     9901        border: 1px solid #ccc;
     9902        margin: 0 auto 10px auto;
     9903        height: 43px;
     9904        width: 100%;
     9905        border-radius: 3px;
     9906        background: #aaa;
     9907        box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
     9908        -webkit-box-sizing: border-box;
     9909        -moz-box-sizing: border-box;
     9910        box-sizing: border-box;
    98759911}
    98769912
    9877 .widgets-sortables {
    9878         min-height: 90px;
     9913/* Widgets Right */
     9914
     9915div#widgets-right:after {
     9916        content: ".";
     9917        display: block;
     9918        height: 0;
     9919        clear: both;
     9920        visibility: hidden;
    98799921}
    98809922
    9881 .widget-control-actions {
    9882         margin-top: 8px;
     9923div#widgets-right .widgets-holder-wrap {
     9924        margin: 10px 0 0 0;
    98839925}
    98849926
    9885 .widget-control-actions a {
    9886         text-decoration: none;
     9927div#widgets-right .widget {
     9928        margin: 0 auto;
     9929        border: 1px solid #dedede !important; /* ln 991 in colors-fresh.css */
     9930        border-bottom: none !important; /* ln 991 in colors-fresh.css */
     9931        margin-left: 0 !important; /* Wide format widgets are the devil */
     9932        width: 100% !important; /* Wide format widgets are the devil */
    98879933}
    98889934
    9889 .widget-control-actions a:hover {
    9890         text-decoration: underline;
     9935div#widgets-right .sidebar-description {
     9936        border-top: 1px solid #eeeeee;
     9937        padding: 10px 15px 15px 15px;
    98919938}
    98929939
    9893 .widget-control-actions div.alignleft {
    9894         margin-top: 6px;
     9940div#widgets-right .closed .sidebar-description {
     9941        display: none;
    98959942}
    98969943
    9897 div#sidebar-info {
    9898         padding: 0 1em;
    9899         margin-bottom: 1em;
    9900         font-size: 12px;
     9944div#widgets-right .sidebar-name h3 {
     9945        padding: 15px 15px;
    99019946}
    9902 
    9903 .widget-title a,
    9904 .widget-title a:hover {
    9905         text-decoration: none;
     9947div#widgets-right .sidebar-name .sidebar-name-arrow:before {
     9948        right: 0;
     9949        top: 4px;
     9950}
     9951div#widgets-right .widget-top {
    99069952        border-bottom: none;
     9953        padding: 0;
     9954        background: #f7f7f7;
    99079955}
    9908 
    9909 .widget-control-edit {
    9910         display: block;
    9911         font-size: 12px;
    9912         font-weight: normal;
    9913         line-height: 26px;
    9914         padding: 0 8px 0 0;
     9956div#widgets-right .widget-title-action {
     9957        float: right;
     9958        position: relative;
     9959        top: 14px;
     9960        right: 10px;
    99159961}
    9916 
    9917 a.widget-control-edit {
    9918         text-decoration: none;
     9962div#widgets-right a.widget-action:after {
     9963        content: '\f111';
     9964        color: #888;
    99199965}
    9920 
    9921 .widget-control-edit .add,
    9922 .widget-control-edit .edit {
    9923         display: none;
     9966div#widgets-right .widget-inside {
     9967        border-top: 1px solid #dedede;
    99249968}
    99259969
    9926 #available-widgets .widget-control-edit .add,
    9927 #widgets-right .widget-control-edit .edit,
    9928 .inactive-sidebar .widget-control-edit .edit {
    9929         display: inline;
     9970/* The last widget has some additional borders */
     9971div#widgets-right .widget:last-child {
     9972        border-bottom: 1px solid #dedede !important; /* ln 991 in colors-fresh.css */
    99309973}
    99319974
    9932 .editwidget {
    9933         margin: 0 auto 15px;
     9975div#widgets-right .widgets-sortables {
     9976        min-height: 42px !important; /* Inline styles */
     9977        padding: 0 8px;
     9978        margin-bottom: 8px;
     9979        position: relative;
    99349980}
    9935 
    9936 .editwidget .widget-inside {
     9981div#widgets-right .widgets-sortables:before {
    99379982        display: block;
    9938         padding: 10px;
     9983        content: "";
     9984        text-align: center;
     9985        position: absolute;
     9986        left: 8px;
     9987        right: 8px;
     9988        bottom: 1px;
     9989        height: 40px;
     9990        border: 1px dashed #dedede;
     9991        border-radius: 3px;
     9992        line-height: 40px;
     9993        font-weight: 600;
     9994        color: #aaa;
    99399995}
    99409996
    9941 .inactive p.description {
    9942         margin: 5px 15px 10px;
     9997.js .closed .widgets-sortables,
     9998.js .closed .widget-holder,
     9999.js .closed br.clear {
     10000        display: none;
    994310001}
    9944 
    9945 #available-widgets p.description {
    9946         margin: 0 12px 12px;
     10002.nav-menus-php .item-edit:after,
     10003.widget-top a.widget-action:after,
     10004.control-section .accordion-section-title::after,
     10005.accordion-section-title::after {
     10006        right: 0;
     10007        content: '\f141';
     10008        border: none;
     10009        background: none;
     10010        font: normal 20px/1 'dashicons';
     10011        speak: none;
     10012        display: block;
     10013        padding: 0;
     10014        text-indent: 0;
     10015        text-align: center;
     10016        position: relative;
     10017        -webkit-font-smoothing: antialiased;
     10018        -moz-osx-font-smoothing: grayscale;
     10019        text-decoration: none !important;
    994710020}
    9948 
    9949 .widget-position {
    9950         margin-top: 8px;
     10021.control-section .accordion-section-title::after,
     10022.accordion-section-title::after {
     10023        float: right;
     10024        right: 20px;
     10025        top: -2px;
    995110026}
    9952 
    9953 .inactive {
    9954         padding-top: 2px;
     10027.control-section.open .accordion-section-title::after,
     10028#customize-info.open .accordion-section-title::after,
     10029.nav-menus-php .menu-item-edit-active .item-edit:after {
     10030        content: '\f140';
    995510031}
    9956 
    9957 .sidebar-name .spinner {
    9958         float: none;
    9959         margin: -4px 3px;
     10032.nav-menus-php .item-controls .item-type {
     10033        padding: 11px;
     10034        margin-right: 10px;
    996010035}
    996110036
    9962 .sidebar-name-arrow {
    9963         float: right;
    9964         height: 29px;
    9965         width: 26px;
     10037/* Hide Widget Settings by Default */
     10038.widget-inside,
     10039.widget-description {
     10040        display: none;
    996610041}
    996710042
    9968 .widget-title .in-widget-title {
    9969         font-size: 12px;
    9970         white-space: nowrap;
    9971 }
    9972 
     10043/* Dragging widgets over the available widget area show's a "Deactivate" message */
    997310044#removing-widget {
    997410045        display: none;
    997510046        font-weight: normal;
    … …  
    1004210113}
    1004310114
    1004410115#widgets-chooser {
     10116        clear: both;
    1004510117        display: none;
    1004610118        margin: auto;
    1004710119        padding-bottom: 10px;
    … …  
    1024310315/* =Media Queries
    1024410316-------------------------------------------------------------- */
    1024510317
     10318@media screen and (max-width: 480px) {
     10319        div.widget-liquid-left {
     10320                width: 100%;
     10321                float: none;
     10322                border-right: none;
     10323                padding-right: 0;
     10324        }
     10325
     10326        #widgets-left .sidebar-name {
     10327                margin-right: 0;
     10328        }
     10329
     10330        #widgets-left #available-widgets .widget-top {
     10331                margin-right: 0;
     10332        }
     10333
     10334        #widgets-left .inactive-sidebar .widgets-sortables {
     10335                margin-right: 0;
     10336        }
     10337
     10338        div.widget-liquid-right {
     10339                width: 100%;
     10340                float: none;
     10341        }
     10342}
     10343
    1024610344@media only screen and (max-width: 768px) {
    1024710345        /* categories */
    1024810346        #col-left {
    … …  
    1031410412                width: auto;
    1031510413        }
    1031610414}
     10415@media only screen and (min-width: 1250px) {
     10416        #widgets-left #available-widgets .widget {
     10417                width: 49%;
     10418                float: left;
     10419        }
     10420       
     10421        #widgets-left #available-widgets .widget:nth-child(even) {
     10422                float: right;
     10423        }
    1031710424
     10425        #widgets-right .widgets-holder-wrap {
     10426                width: 48.5%;
     10427                float: left;
     10428        }
     10429       
     10430        #widgets-right .widgets-holder-wrap:nth-child(odd) {
     10431                clear: both;
     10432        }
     10433       
     10434        #widgets-right .widgets-holder-wrap:nth-child(even) {
     10435                float: right;
     10436        }
     10437
     10438        #widgets-right.single-sidebar .widgets-holder-wrap {
     10439                width: 100%;
     10440        }
     10441}
     10442
    1031810443/**
    1031910444 * HiDPI Displays
    1032010445 */
    … …  
    1032210447  (-o-min-device-pixel-ratio: 5/4),
    1032310448  (-webkit-min-device-pixel-ratio: 1.25),
    1032410449  (min-resolution: 120dpi) {
    10325 
    10326         tr.wp-locked .locked-indicator  {
     10450        tr.wp-locked .locked-indicator {
    1032710451                background-image: url('../images/lock-2x.png');
    1032810452                background-size: 16px 16px;
    1032910453        }

  • src/wp-admin/includes/widgets.php

     
    6767function wp_list_widget_controls( $sidebar ) {
    6868        add_filter( 'dynamic_sidebar_params', 'wp_list_widget_controls_dynamic_sidebar' );
    6969
    70         echo "<div id='$sidebar' class='widgets-sortables'>\n";
    71 
    7270        $description = wp_sidebar_description( $sidebar );
    7371
    7472        if ( !empty( $description ) ) {
    … …  
    7775                echo "</div>\n";
    7876        }
    7977
     78        echo "<div id='$sidebar' class='widgets-sortables'>\n";
     79
    8080        dynamic_sidebar( $sidebar );
    8181        echo "</div>\n";
    8282}
    … …  
    186186                </a>
    187187        </div>
    188188        <div class="widget-title"><h4><?php echo $widget_title ?><span class="in-widget-title"></span></h4></div>
     189        <?php if ( isset($sidebar_args['_display']) && 'template' == $sidebar_args['_display'] && $widget_number ) : // Only echo .more-info if this is an #available-widget ?>
     190        <div class="more-info"></div>
     191        <?php endif; ?>
    189192        </div>
    190193
    191194        <div class="widget-inside">

  • src/wp-admin/js/widgets.js

     
    178178                        }
    179179                });
    180180
     181                // More Info for Available Widgets
     182                $( '#available-widgets .more-info' ).on( 'mouseenter click.widgets-more-info', function() {
     183                        var $this = $( this ),
     184                                description = $this.closest( '.widget' ).find('.widget-description'),
     185                                description_timer = setTimeout( function() {
     186                                        description.fadeIn(200);
     187                                }, 400 );
     188                        $this.on( 'mouseleave', function() {
     189                                clearTimeout( description_timer );
     190                                description.fadeOut(200);
     191                        } );
     192                } );
     193
    181194                // Area Chooser
    182195                $( '#widgets-right .widgets-holder-wrap' ).each( function( index, element ) {
    183196                        var $element = $( element ),
    … …  
    363376                sidebar.closest( '.widgets-holder-wrap' ).removeClass('closed');
    364377                sidebar.sortable('refresh');
    365378
    366                 // Change for MP6
    367                 // widget.prependTo( sidebar );
    368                 sidebar.find( '.sidebar-description' ).after( widget );
     379                widget.prependTo( sidebar );
    369380
    370381                wpWidgets.save( widget, 0, 0, 1 );
    371382                // No longer "new" widget