WordPress.org
Get WordPress

Make WordPress Core

Ticket #25858: 25858.widgets.5.diff

File 25858.widgets.5.diff, 18.3 KB (added by shaunandrews, 12 years ago)

One more widgets patch, this time with styles for the oft forgotten accessibility mode.

  • 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;
     9729/* Widgets Left - Available Widgets */
     9730
     9731div#widgets-left {
     9732        margin: 0;
     9733        padding: 12px 5% 0 0;
    97019734}
    97029735
    9703 .js .closed .widgets-sortables,
    9704 .js .closed .widget-holder,
    9705 .js .closed br.clear {
    9706         display: none;
     9736div#widgets-left .closed .sidebar-name,
     9737div#widgets-left .inactive-sidebar.closed .sidebar-name {
     9738        margin-bottom: 10px;
    97079739}
    97089740
    9709 .widget-liquid-right .widgets-sortables {
    9710         padding: 15px 0 0;
     9741div#widgets-left .sidebar-name h3 {
     9742        padding: 10px 0;
     9743        margin: 0 10px 0 0;
    97119744}
    97129745
    9713 #available-widgets .widget-holder {
    9714         padding: 7px 5px 0;
     9746div#widgets-left .sidebar-name:hover h3 {
     9747        color: #464646;
    97159748}
    97169749
    9717 .inactive-sidebar {
    9718         padding: 5px 5px 0;
     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;
    97199755}
    97209756
    9721 #widget-list .widget {
    9722         width: 250px;
    9723         margin: 0 10px 15px;
    9724         border: 0 none;
     9757div#widgets-left .sidebar-name:hover .sidebar-name-arrow:before {
     9758        background: #ccc;
     9759}
     9760
     9761div#widgets-left .closed .sidebar-name .sidebar-name-arrow:before {
     9762        background: #999;
     9763        color: #fff;
     9764}
     9765
     9766div#widgets-left .widget-holder {
    97259767        background: transparent;
    9726         display: inline-block;
    9727         vertical-align: top;
     9768        border: none;
    97289769}
    97299770
    9730 #widget-list .widget-description {
    9731         padding: 5px 8px;
     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;
    97329777}
    97339778
    9734 .widget-placeholder {
    9735         border-width: 1px;
    9736         border-style: dashed;
    9737         margin: 0 auto 20px;
    9738         height: 34px;
    9739         width: 250px;
     9779#available-widgets .widget-title-action {
     9780        display: none;
    97409781}
    97419782
    9742 .inactive-sidebar .widget-placeholder {
    9743         margin: 0 10px 20px;
    9744         float: left;
     9783#available-widgets .widget {
     9784        margin: 10px 0 0 0;
     9785        background: #ddd;
     9786        border-radius: 3px;
    97459787}
     9788#available-widgets .widget:nth-child(odd) {
     9789        clear: both;
     9790}
    97469791
    9747 div.widgets-holder-wrap {
    9748         padding: 0;
    9749         margin: 10px 0 20px;
     9792#available-widgets .widget-top {
     9793        border-radius: 3px;
     9794        background: #ffffff; /* ln 1047 in colors-fresh.css */
     9795        border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
    97509796}
    97519797
    9752 #widgets-left #available-widgets {
    9753         background-color: transparent;
    9754         border: 0 none;
     9798#available-widgets .widget-top:hover {
     9799        border-color: #999 !important; /* ln 991 in colors-fresh.css */
     9800        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    97559801}
    97569802
    9757 ul#widget-list {
    9758         list-style: none;
    9759         margin: 0;
     9803#available-widgets .widget .widget-description {
     9804        display: block;
     9805padding: 10px 16px;
     9806font-size: 12px;
     9807}
     9808
     9809/* Inactive Sidebars */
     9810#widgets-left .inactive-sidebar {
     9811        clear: both;
     9812        width: 100%;
     9813        background: transparent;
    97609814        padding: 0;
    9761         min-height: 100px;
     9815        margin: 0 0 20px 0;
     9816        border: none;
     9817        box-shadow: none;
    97629818}
    97639819
    9764 .widget .widget-top {
    9765         font-size: 12px;
    9766         font-weight: 600;
    9767         height: 26px;
     9820#widgets-left .inactive-sidebar.first {
     9821        margin-top: 40px;
    97689822}
    97699823
    9770 .widget .widget-top,
    9771 .menu-item-handle {
    9772         margin-top: 0;
    9773         padding: 4px;
     9824#widgets-left .inactive-sidebar .widget {
     9825        margin: 10px 0 0 0;
    97749826}
    97759827
    9776 .widget-top .widget-title {
    9777         padding: 7px 9px;
     9828#widgets-left .inactive-sidebar .widget-inside {
     9829        -webkit-border-bottom-right-radius: 3px;
     9830        -webkit-border-bottom-left-radius: 3px;
     9831        -moz-border-radius-bottomright: 3px;
     9832        -moz-border-radius-bottomleft: 3px;
     9833        border-bottom-right-radius: 3px;
     9834        border-bottom-left-radius: 3px;
     9835        background: #dfdfdf;
    97789836}
    97799837
    9780 .widget-top .widget-title-action {
    9781         float: right;
     9838#widgets-left .inactive-sidebar .widget-top {
     9839        background: #fff !important; /* ln 991 in colors-fresh.css */
     9840        border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
     9841        border-radius: 3px;
    97829842}
    97839843
    9784 a.widget-action {
    9785         display: block;
    9786         width: 24px;
    9787         height: 26px;
    9788         text-decoration: none;
     9844#widgets-left .inactive-sidebar .widget-top:hover {
     9845        border-color: #999 !important; /* ln 991 in colors-fresh.css */
     9846        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    97899847}
    97909848
    9791 #available-widgets a.widget-action {
    9792         display: none;
     9849/* Not sure what this is for... */
     9850div#widgets-left .inactive-sidebar .widget.expanded {
     9851        left: auto;
    97939852}
    97949853
    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;
     9854#widgets-left .inactive-sidebar .widget-title-action {
     9855        float: right;
     9856        position: relative;
     9857        top: 13px;
     9858        right: 10px;
    98039859}
    98049860
    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;
     9861div#widgets-left .inactive-sidebar .widget-action:after {
     9862        content: '\f111';
     9863        color: #888;
     9864}
     9865
     9866div#widgets-left .inactive-sidebar .widgets-sortables {
     9867        min-height: 42px;
    98169868        padding: 0;
    9817         text-indent: 0;
    9818         text-align: center;
     9869        background: transparent;
     9870        margin: 0;
    98199871        position: relative;
    9820         -webkit-font-smoothing: antialiased;
    9821         -moz-osx-font-smoothing: grayscale;
    9822         text-decoration: none !important;
    98239872}
    98249873
    9825 .control-section .accordion-section-title::after,
    9826 .accordion-section-title::after {
    9827         float: right;
    9828         right: 20px;
    9829         top: -2px;
     9874div#widgets-left .inactive-sidebar .widget-placeholder {
     9875        border: 1px solid #ccc;
     9876        margin: 0 auto 10px auto;
     9877        height: 43px;
     9878        width: 100%;
     9879        border-radius: 3px;
     9880        background: #aaa;
     9881        box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
     9882        -webkit-box-sizing: border-box;
     9883        -moz-box-sizing: border-box;
     9884        box-sizing: border-box;
    98309885}
    98319886
    9832 .widget-top a.widget-action:after {
    9833         content: '\f140';
     9887/* Widgets Right */
     9888
     9889div#widgets-right:after {
     9890        content: ".";
     9891        display: block;
     9892        height: 0;
     9893        clear: both;
     9894        visibility: hidden;
    98349895}
    98359896
    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';
     9897div#widgets-right .widgets-holder-wrap {
     9898        margin: 10px 0 0 0;
    98409899}
    98419900
    9842 .nav-menus-php .item-controls .item-type {
    9843         padding: 11px;
    9844         margin-right: 10px;
     9901div#widgets-right .widget {
     9902        margin: 0 auto;
     9903        border: 1px solid #dedede !important; /* ln 991 in colors-fresh.css */
     9904        border-bottom: none !important; /* ln 991 in colors-fresh.css */
     9905        margin-left: 0 !important; /* Wide format widgets are the devil */
     9906        width: 100% !important; /* Wide format widgets are the devil */
    98459907}
    98469908
    9847 .widget .widget-inside,
    9848 .widget .widget-description {
    9849         padding: 12px 12px 10px;
    9850         font-size: 12px;
    9851         line-height: 16px;
     9909div#widgets-right .sidebar-description {
     9910        border-top: 1px solid #eeeeee;
     9911        padding: 10px 15px 15px 15px;
    98529912}
    98539913
    9854 .widget-inside,
    9855 .widget-description {
     9914div#widgets-right .closed .sidebar-description {
    98569915        display: none;
    98579916}
    98589917
    9859 #available-widgets .widget-description {
    9860         display: block;
     9918div#widgets-right .sidebar-name h3 {
     9919        padding: 15px 15px;
    98619920}
    9862 
    9863 .widget .widget-inside p {
    9864         margin: 0 0 1em;
     9921div#widgets-right .sidebar-name .sidebar-name-arrow:before {
     9922        right: 0;
     9923        top: 4px;
     9924}
     9925div#widgets-right .widget-top {
     9926        border-bottom: none;
    98659927        padding: 0;
     9928        background: #f7f7f7;
    98669929}
    9867 
    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;
     9930div#widgets-right .widget-title-action {
     9931        float: right;
     9932        position: relative;
     9933        top: 14px;
     9934        right: 10px;
    98759935}
    9876 
    9877 .widgets-sortables {
    9878         min-height: 90px;
     9936div#widgets-right a.widget-action:after {
     9937        content: '\f111';
     9938        color: #888;
    98799939}
    9880 
    9881 .widget-control-actions {
    9882         margin-top: 8px;
     9940div#widgets-right .widget-inside {
     9941        border-top: 1px solid #dedede;
    98839942}
    98849943
    9885 .widget-control-actions a {
    9886         text-decoration: none;
     9944/* The last widget has some additional borders */
     9945div#widgets-right .widget:last-child {
     9946        border-bottom: 1px solid #dedede !important; /* ln 991 in colors-fresh.css */
    98879947}
    98889948
    9889 .widget-control-actions a:hover {
    9890         text-decoration: underline;
     9949div#widgets-right .widgets-sortables {
     9950        min-height: 42px !important; /* Inline styles */
     9951        padding: 0 8px;
     9952        margin-bottom: 8px;
     9953        position: relative;
    98919954}
    9892 
    9893 .widget-control-actions div.alignleft {
    9894         margin-top: 6px;
     9955div#widgets-right .widgets-sortables:before {
     9956        display: block;
     9957        content: "";
     9958        text-align: center;
     9959        position: absolute;
     9960        left: 8px;
     9961        right: 8px;
     9962        bottom: 1px;
     9963        height: 40px;
     9964        border: 1px dashed #dedede;
     9965        border-radius: 3px;
     9966        line-height: 40px;
     9967        font-weight: 600;
     9968        color: #aaa;
    98959969}
    98969970
    9897 div#sidebar-info {
    9898         padding: 0 1em;
    9899         margin-bottom: 1em;
    9900         font-size: 12px;
     9971/* Accessibility Mode */
     9972#available-widgets .widget-control-edit .edit {
     9973        display :none;
    99019974}
    9902 
    9903 .widget-title a,
    9904 .widget-title a:hover {
    9905         text-decoration: none;
    9906         border-bottom: none;
    9907 }
    9908 
    9909 .widget-control-edit {
     9975#available-widgets .widget-control-edit .add {
    99109976        display: block;
    9911         font-size: 12px;
    9912         font-weight: normal;
    9913         line-height: 26px;
    9914         padding: 0 8px 0 0;
     9977        position: absolute;
     9978                top: 0;
     9979                right: 50px;
     9980                bottom: 0;
     9981                left: 0;
     9982        z-index: 40;
     9983        text-align: center;
     9984        text-indent: -5000px;
    99159985}
    99169986
    9917 a.widget-control-edit {
    9918         text-decoration: none;
     9987#widgets-right .widget-control-edit {
     9988        background: #EEE;
     9989        margin: -14px -10px 0 0;
     9990        padding: 16px 15px;
     9991        border-left: 1px solid #DDD;
    99199992}
    9920 
    9921 .widget-control-edit .add,
    9922 .widget-control-edit .edit {
     9993#widgets-right .widget-control-edit .add {
    99239994        display: none;
    99249995}
    9925 
    9926 #available-widgets .widget-control-edit .add,
    9927 #widgets-right .widget-control-edit .edit,
    9928 .inactive-sidebar .widget-control-edit .edit {
    9929         display: inline;
     9996#widgets-right .widget-control-edit:hover {
     9997        background: #444;
    99309998}
     9999#widgets-right .widget-control-edit:before {
     10000        content: '\f111';
     10001        display: inline-block;
     10002        -webkit-font-smoothing: antialiased;
     10003        -moz-osx-font-smoothing: grayscale;
     10004        font: normal 16px/1 'dashicons';
     10005        vertical-align: top;
     10006        position: relative;
     10007                top: -1px;
     10008        padding-right: 4px;
     10009}
    993110010
    993210011.editwidget {
    9933         margin: 0 auto 15px;
     10012        margin: 0 auto;
    993410013}
    9935 
    9936 .editwidget .widget-inside {
    9937         display: block;
    9938         padding: 10px;
     10014.editwidget .widget-control-actions {
     10015        margin-top: 20px;
    993910016}
    994010017
    9941 .inactive p.description {
    9942         margin: 5px 15px 10px;
     10018.js .closed .widgets-sortables,
     10019.js .closed .widget-holder,
     10020.js .closed br.clear {
     10021        display: none;
    994310022}
    9944 
    9945 #available-widgets p.description {
    9946         margin: 0 12px 12px;
     10023.nav-menus-php .item-edit:after,
     10024.widget-top a.widget-action:after,
     10025.control-section .accordion-section-title::after,
     10026.accordion-section-title::after {
     10027        right: 0;
     10028        content: '\f141';
     10029        border: none;
     10030        background: none;
     10031        font: normal 20px/1 'dashicons';
     10032        speak: none;
     10033        display: block;
     10034        padding: 0;
     10035        text-indent: 0;
     10036        text-align: center;
     10037        position: relative;
     10038        -webkit-font-smoothing: antialiased;
     10039        -moz-osx-font-smoothing: grayscale;
     10040        text-decoration: none !important;
    994710041}
    9948 
    9949 .widget-position {
    9950         margin-top: 8px;
     10042.control-section .accordion-section-title::after,
     10043.accordion-section-title::after {
     10044        float: right;
     10045        right: 20px;
     10046        top: -2px;
    995110047}
    9952 
    9953 .inactive {
    9954         padding-top: 2px;
     10048.control-section.open .accordion-section-title::after,
     10049#customize-info.open .accordion-section-title::after,
     10050.nav-menus-php .menu-item-edit-active .item-edit:after {
     10051        content: '\f140';
    995510052}
    9956 
    9957 .sidebar-name .spinner {
    9958         float: none;
    9959         margin: -4px 3px;
     10053.nav-menus-php .item-controls .item-type {
     10054        padding: 11px;
     10055        margin-right: 10px;
    996010056}
    996110057
    9962 .sidebar-name-arrow {
    9963         float: right;
    9964         height: 29px;
    9965         width: 26px;
     10058/* Hide Widget Settings by Default */
     10059.widget-inside,
     10060.widget-description {
     10061        display: none;
    996610062}
    996710063
    9968 .widget-title .in-widget-title {
    9969         font-size: 12px;
    9970         white-space: nowrap;
    9971 }
    9972 
     10064/* Dragging widgets over the available widget area show's a "Deactivate" message */
    997310065#removing-widget {
    997410066        display: none;
    997510067        font-weight: normal;
    … …  
    1004210134}
    1004310135
    1004410136#widgets-chooser {
     10137        clear: both;
    1004510138        display: none;
    1004610139        margin: auto;
    1004710140        padding-bottom: 10px;
    … …  
    1024310336/* =Media Queries
    1024410337-------------------------------------------------------------- */
    1024510338
     10339@media screen and (max-width: 480px) {
     10340        div.widget-liquid-left {
     10341                width: 100%;
     10342                float: none;
     10343                border-right: none;
     10344                padding-right: 0;
     10345        }
     10346
     10347        #widgets-left .sidebar-name {
     10348                margin-right: 0;
     10349        }
     10350
     10351        #widgets-left #available-widgets .widget-top {
     10352                margin-right: 0;
     10353        }
     10354
     10355        #widgets-left .inactive-sidebar .widgets-sortables {
     10356                margin-right: 0;
     10357        }
     10358
     10359        div.widget-liquid-right {
     10360                width: 100%;
     10361                float: none;
     10362        }
     10363}
     10364
    1024610365@media only screen and (max-width: 768px) {
    1024710366        /* categories */
    1024810367        #col-left {
    … …  
    1031410433                width: auto;
    1031510434        }
    1031610435}
     10436@media only screen and (min-width: 1250px) {
     10437        #widgets-left #available-widgets .widget {
     10438                width: 49%;
     10439                float: left;
     10440        }
     10441       
     10442        #widgets-left #available-widgets .widget:nth-child(even) {
     10443                float: right;
     10444        }
    1031710445
     10446        #widgets-right .widgets-holder-wrap {
     10447                width: 48.5%;
     10448                float: left;
     10449        }
     10450       
     10451        #widgets-right .widgets-holder-wrap:nth-child(odd) {
     10452                clear: both;
     10453        }
     10454       
     10455        #widgets-right .widgets-holder-wrap:nth-child(even) {
     10456                float: right;
     10457        }
     10458
     10459        #widgets-right.single-sidebar .widgets-holder-wrap {
     10460                width: 100%;
     10461        }
     10462}
     10463
    1031810464/**
    1031910465 * HiDPI Displays
    1032010466 */
    … …  
    1032210468  (-o-min-device-pixel-ratio: 5/4),
    1032310469  (-webkit-min-device-pixel-ratio: 1.25),
    1032410470  (min-resolution: 120dpi) {
    10325 
    10326         tr.wp-locked .locked-indicator  {
     10471        tr.wp-locked .locked-indicator {
    1032710472                background-image: url('../images/lock-2x.png');
    1032810473                background-size: 16px 16px;
    1032910474        }

  • 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";
    8079        dynamic_sidebar( $sidebar );
    8180        echo "</div>\n";
    8281}

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

     
    363363                sidebar.closest( '.widgets-holder-wrap' ).removeClass('closed');
    364364                sidebar.sortable('refresh');
    365365
    366                 // Change for MP6
    367                 // widget.prependTo( sidebar );
    368                 sidebar.find( '.sidebar-description' ).after( widget );
     366                widget.prependTo( sidebar );
    369367
    370368                wpWidgets.save( widget, 0, 0, 1 );
    371369                // No longer "new" widget