Make WordPress Core

Ticket #25858: 25858.widgets.diff

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

First pass at merging the widgets component

  • 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}
     
    25492548        margin-bottom: 20px;
    25502549}
    25512550
    2552 .widget,
    25532551.postbox,
    25542552.stuffbox {
    25552553        margin-bottom: 20px;
     
    25572555        line-height: 1;
    25582556}
    25592557
    2560 .widget .widget-top,
    25612558.postbox h3,
    25622559.stuffbox h3 {
    25632560        margin-top: 1px;
     
    96109607        margin-bottom: 10px;
    96119608}
    96129609
    9613 /* widgets */
    96149610
    9615 /* 2 column liquid layout */
    9616 div.widget-liquid-left {
    9617         float: left;
    9618         clear: left;
    9619         width: 100%;
    9620         margin-right: -325px;
     9611/* General Widget Styles */
     9612.widget {
     9613        margin: 10px auto;
     9614        /* min-width: 50%; Not sure if this is needed */
     9615        position: relative;
     9616        border: none !important; /* ln 991 in colors-fresh.css */
     9617        box-sizing: border-box;
     9618        -moz-box-sizing:border-box;
     9619        -webkit-box-sizing:border-box;
    96219620}
     9621        .widget-top {
     9622                font-size: 12px;
     9623                font-weight: 600;
     9624                background: #f7f7f7;
     9625        }
     9626                .widget-top a.widget-action,
     9627                .widget-top a.widget-action:hover {
     9628                        text-decoration: none;
     9629                }
     9630        .widget-title {}
     9631                .widget-title h4 {
     9632                        margin: 0;
     9633                        padding: 18px 15px;
     9634                        line-height: 1;
     9635                        overflow: hidden;
     9636                        white-space: nowrap;
     9637                        text-overflow: ellipsis;
     9638                }
     9639        .widget-inside {
     9640                background: #fff !important; /* ln 1204 in colors.fresh.css */
     9641                padding: 1px 15px 15px 15px;
     9642                line-height: 16px;
     9643        }
    96229644
    9623 div#widgets-left {
    9624         margin-left: 5px;
    9625         margin-right: 325px;
    9626 }
     9645        /* Widget Dragging Helpers */
     9646        .widget.ui-draggable-dragging {
     9647                width: 280px !important;
     9648                min-width: 280px !important;
     9649        }
     9650        .widget.ui-sortable-helper {
     9651                border: 1px solid #DEDEDE;
     9652                border-radius: 3px;
     9653                box-shadow: 0 1px 3px rgba(0,0,0,0.2);
     9654                opacity: 0.8;
     9655                z-index: 2000;
     9656        }
     9657        .widget-placeholder {
     9658                border: 1px solid #dedede;
     9659                border-bottom: none;
     9660                margin: 0 auto;
     9661                height: 43px;
     9662                width: 100%;
     9663                background: #eee;
     9664                box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
     9665                -webkit-box-sizing: border-box;
     9666                -moz-box-sizing: border-box;
     9667                box-sizing: border-box;
     9668        }
    96279669
    9628 div#widgets-right {
    9629         width: 285px;
    9630         margin: 0 auto;
    9631 }
    96329670
    9633 div.widget-liquid-right {
    9634         float: right;
    9635         clear: right;
    9636         width: 300px;
    9637 }
    9638 
    9639 .widget-liquid-right .widget {
     9671/* Widget Sidebars */
     9672.sidebar-name {
     9673        border: none;
    96409674        position: relative;
     9675        -webkit-box-sizing: border-box;
     9676        -moz-box-sizing: border-box;
     9677        box-sizing: border-box;
    96419678}
    9642 
    9643 .widget-liquid-right .widget,
    9644 .inactive-sidebar .widget,
    9645 .widget-liquid-right .sidebar-description {
    9646         width: 250px;
    9647         margin: 0 auto 20px;
     9679        .sidebar-name-arrow {
     9680                position: absolute;
     9681                        top: 0;
     9682                        right: 0;
     9683                        bottom: 0;
     9684        }
     9685.js .sidebar-name {
     9686        cursor: pointer;
    96489687}
    9649 
    9650 .widget-liquid-right .widget,
    9651 .widget-liquid-right .sidebar-description {
    9652         overflow: hidden;
    9653 }
    9654 
    9655 .widget-liquid-right .sidebar-description {
    9656         margin-bottom: 10px;
    9657 }
    9658 
    9659 .inactive-sidebar .widget {
    9660         margin: 0 10px 20px;
    9661         display: inline-block;
    9662 }
    9663 
    9664 div.sidebar-name h3 {
     9688.sidebar-name h3 {
    96659689        font-weight: normal;
    96669690        font-size: 15px;
    96679691        margin: 0;
     
    96709694        white-space: nowrap;
    96719695}
    96729696
    9673 div.sidebar-name {
    9674         font-size: 13px;
    9675         border-bottom-width: 1px;
    9676         border-bottom-style: solid;
    9677 }
     9697.widgets-holder-wrap {}
     9698        .widgets-holder-wrap .description {
     9699                padding: 0;
     9700                margin: 0;
     9701                font-style: normal;
     9702                font-size: 12px;
     9703                color: #777;
     9704        }
    96789705
    9679 .js .sidebar-name {
    9680         cursor: pointer;
     9706/* Widgets 2-col Layout */
     9707div.widget-liquid-left {
     9708        margin: 0;
     9709        width: 38%;
     9710        float: left;
     9711        border-right: 2px solid #ccc;
    96819712}
    9682 
    9683 .js .closed .sidebar-name {
    9684         -webkit-border-bottom-right-radius: 3px;
    9685         -webkit-border-bottom-left-radius: 3px;
    9686         border-bottom-right-radius: 3px;
    9687         border-bottom-left-radius: 3px;
     9713div.widget-liquid-right {
     9714        float: right;
     9715        width: 60%;
    96889716}
    96899717
    9690 .widget-liquid-right .widgets-sortables,
    9691 #widgets-left .widget-holder {
    9692         border-width: 0 1px 1px;
    9693         border-style: none solid solid;
    9694         -webkit-border-bottom-right-radius: 3px;
    9695         -webkit-border-bottom-left-radius: 3px;
    9696         border-bottom-right-radius: 3px;
    9697         border-bottom-left-radius: 3px;
    9698 }
    96999718
    9700 .js .closed .widgets-sortables,
    9701 .js .closed .widget-holder,
    9702 .js .closed br.clear {
    9703         display: none;
     9719/* Widgets Left - Available Widgets */
     9720div#widgets-left {
     9721        margin: 0;
     9722        padding: 12px 5% 0 0;
    97049723}
     9724        div#widgets-left .sidebar-name {}
     9725        div#widgets-left .closed .sidebar-name,
     9726        div#widgets-left .inactive-sidebar.closed .sidebar-name {
     9727                margin-bottom: 10px;
     9728        }
     9729                div#widgets-left .sidebar-name h3 {
     9730                        padding: 10px 0;
     9731                        margin: 0 10px 0 0;
     9732                }
     9733                div#widgets-left .sidebar-name:hover h3 {
     9734                        color: #464646;
     9735                }
     9736                div#widgets-left .sidebar-name .sidebar-name-arrow:before {
     9737                        right: 0;
     9738                        top: 4px;
     9739                        padding: 4px 6px 4px 4px;
     9740                        border-radius: 20px;
     9741                }
     9742                div#widgets-left .sidebar-name:hover .sidebar-name-arrow:before {
     9743                        background: #ccc;
     9744                }
     9745                div#widgets-left .closed .sidebar-name .sidebar-name-arrow:before {
     9746                        background: #999;
     9747                        color: #fff;
     9748                }
     9749        div#widgets-left .widget-holder {
     9750                background: transparent;
     9751                border: none;
     9752        }
    97059753
    9706 .widget-liquid-right .widgets-sortables {
    9707         padding: 15px 0 0;
    9708 }
     9754        #available-widgets {
     9755                background: transparent !important; /* ln 1620 colors-fresh.css */
     9756                margin: 0;
     9757                border-radius: none;
     9758                box-shadow: none;
     9759                border: none;
     9760        }
     9761                #available-widgets .widget-title-action {
     9762                        display: none;
     9763                }
     9764                #available-widgets .widget {
     9765                        margin: 10px 0 0 0;
     9766                }
     9767                #available-widgets .widget-top {
     9768                        border-radius: 3px;
     9769                        background: #ffffff; /* ln 1047 in colors-fresh.css */
     9770                        border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
     9771                }
     9772                #available-widgets .widget-top:hover {
     9773                        border-color: #999 !important; /* ln 991 in colors-fresh.css */
     9774                        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
     9775                }
     9776                #available-widgets .more-info {
     9777                        color: #ccc;
     9778                        position: absolute;
     9779                                top: 8px;
     9780                                right: 0;
     9781                                bottom: 8px;
     9782                        padding: 6px 9px 6px 8px;
     9783                        border-left: 1px dotted #DDD;
     9784                        cursor: help;
     9785                }
     9786                #available-widgets .more-info:before {
     9787                        content: '\f223';
     9788                        color: #ccc;
     9789                        display: inline-block;
     9790                        -webkit-font-smoothing: antialiased;
     9791                        -moz-osx-font-smoothing: grayscale;
     9792                        font: normal 20px/1 'dashicons';
     9793                        vertical-align: top;
     9794                }
     9795                #available-widgets .widget .widget-description {
     9796                        display: none;
     9797                        position: absolute;
     9798                                top: 40px;
     9799                                right: 5px;
     9800                        width: 150px;
     9801                        padding: 10px 14px;
     9802                        background: rgba(0, 0, 0, 0.7);
     9803                        border-radius: 3px;
     9804                        z-index: 10;
     9805                        color: #fff;
     9806                }
    97099807
    9710 #available-widgets .widget-holder {
    9711         padding: 7px 5px 0;
    9712 }
    97139808
    9714 .inactive-sidebar {
    9715         padding: 5px 5px 0;
    9716 }
     9809        /* Inactive Sidebars */
     9810        #widgets-left .inactive-sidebar {
     9811                clear: both;
     9812                width: 100%;
     9813                background: transparent;
     9814                padding: 0;
     9815                margin: 0 0 20px 0;
     9816                border: none;
     9817                box-shadow: none;
     9818        }
     9819        #widgets-left .inactive-sidebar.first {
     9820                margin-top: 40px;
     9821        }
     9822                #widgets-left .inactive-sidebar .description {
     9823                }
    97179824
    9718 #widget-list .widget {
    9719         width: 250px;
    9720         margin: 0 10px 15px;
    9721         border: 0 none;
    9722         background: transparent;
    9723         display: inline-block;
    9724         vertical-align: top;
    9725 }
     9825                #widgets-left .inactive-sidebar .widget {
     9826                        margin: 10px 0 0 0;
     9827                }
     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;
     9836                }
     9837                #widgets-left .inactive-sidebar .widget-top {
     9838                        background: #fff !important; /* ln 991 in colors-fresh.css */
     9839                        border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
     9840                        border-radius: 3px;
     9841                }
     9842                #widgets-left .inactive-sidebar .widget-top:hover {
     9843                        border-color: #999 !important; /* ln 991 in colors-fresh.css */
     9844                        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
     9845                }
    97269846
    9727 #widget-list .widget-description {
    9728         padding: 5px 8px;
    9729 }
     9847                /* Not sure what this is for... */
     9848                div#widgets-left .inactive-sidebar .widget.expanded {
     9849                        left: auto;
     9850                }
    97309851
    9731 .widget-placeholder {
    9732         border-width: 1px;
    9733         border-style: dashed;
    9734         margin: 0 auto 20px;
    9735         height: 34px;
    9736         width: 250px;
    9737 }
     9852                #widgets-left .inactive-sidebar .widget-title-action {
     9853                        float: right;
     9854                        position: relative;
     9855                                top: 13px;
     9856                                right: 10px;
     9857                }
     9858                div#widgets-left .inactive-sidebar .widget-action:after {
     9859                        content: '\f111';
     9860                        color: #888;
     9861                }
    97389862
    9739 .inactive-sidebar .widget-placeholder {
    9740         margin: 0 10px 20px;
    9741         float: left;
    9742 }
     9863                div#widgets-left .inactive-sidebar .widgets-sortables {
     9864                        min-height: 42px;
     9865                        padding: 0;
     9866                        background: transparent;
     9867                        margin: 0;
     9868                        position: relative;
     9869                }
     9870                div#widgets-left .inactive-sidebar .widget-placeholder {
     9871                        border: 1px solid #ccc;
     9872                        margin: 0 auto 10px auto;
     9873                        height: 43px;
     9874                        width: 100%;
     9875                        border-radius: 3px;
     9876                        background: #aaa;
     9877                        box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
     9878                        -webkit-box-sizing: border-box;
     9879                        -moz-box-sizing: border-box;
     9880                        box-sizing: border-box;
     9881                }
    97439882
    9744 div.widgets-holder-wrap {
    9745         padding: 0;
    9746         margin: 10px 0 20px;
    9747 }
    97489883
    9749 #widgets-left #available-widgets {
    9750         background-color: transparent;
    9751         border: 0 none;
     9884/* Widgets Right */
     9885div#widgets-right {}
     9886div#widgets-right:after {
     9887        content: ".";
     9888        display: block;
     9889        height: 0;
     9890        clear: both;
     9891        visibility: hidden;
    97529892}
     9893        div#widgets-right .widgets-holder-wrap {
     9894                margin: 10px 0 0 0;
     9895        }
     9896        div#widgets-right .widget {
     9897                margin: 0 auto;
     9898                border: 1px solid #dedede !important; /* ln 991 in colors-fresh.css */
     9899                border-bottom: none !important; /* ln 991 in colors-fresh.css */
     9900                margin-left: 0 !important; /* Wide format widgets are the devil */
     9901                width: 100% !important; /* Wide format widgets are the devil */
     9902        }
     9903        div#widgets-right .sidebar-name {
     9904        }
     9905        div#widgets-right .sidebar-description {
     9906                border-top: 1px solid #eeeeee;
     9907                padding: 10px 15px 15px 15px;
     9908        }
     9909        div#widgets-right .closed .sidebar-description {
     9910                display: none;
     9911        }
     9912                div#widgets-right .sidebar-name h3 {
     9913                        padding: 15px 15px;
     9914                }
     9915                div#widgets-right .sidebar-name .sidebar-name-arrow:before {
     9916                        right: 0;
     9917                        top: 4px;
     9918                }
     9919                div#widgets-right .widget-top {
     9920                        border-bottom: none;
     9921                        padding: 0;
     9922                        background: #f7f7f7;
     9923                }
     9924                div#widgets-right .widget-title-action {
     9925                        float: right;
     9926                        position: relative;
     9927                                top: 14px;
     9928                                right: 10px;
     9929                }
     9930                div#widgets-right a.widget-action:after {
     9931                        content: '\f111';
     9932                        color: #888;
     9933                }
     9934                div#widgets-right .widget-inside {
     9935                        border-top: 1px solid #dedede;
     9936                }
    97539937
    9754 ul#widget-list {
    9755         list-style: none;
    9756         margin: 0;
    9757         padding: 0;
    9758         min-height: 100px;
    9759 }
     9938                /* The last widget has some additional borders */
     9939                div#widgets-right .widget:last-child {
     9940                        border-bottom: 1px solid #dedede !important; /* ln 991 in colors-fresh.css */
     9941                }
    97609942
    9761 .widget .widget-top {
    9762         font-size: 12px;
    9763         font-weight: 600;
    9764         height: 26px;
    9765 }
     9943        div#widgets-right .widgets-sortables {
     9944                min-height: 42px !important; /* Inline styles */
     9945                padding: 0 8px;
     9946                margin-bottom: 8px;
     9947                position: relative;
     9948        }
     9949        div#widgets-right .widgets-sortables:before {
     9950                display: block;
     9951                content: "";
     9952                text-align: center;
     9953                position: absolute;
     9954                left: 8px;
     9955                right: 8px;
     9956                bottom: 1px;
     9957                height: 40px;
     9958                border: 1px dashed #dedede;
     9959                border-radius: 3px;
     9960                line-height: 40px;
     9961                font-weight: 600;
     9962                color: #aaa;
     9963        }
    97669964
    9767 .widget .widget-top,
    9768 .menu-item-handle {
    9769         margin-top: 0;
    9770         padding: 4px;
    9771 }
    97729965
    9773 .widget-top .widget-title {
    9774         padding: 7px 9px;
    9775 }
    9776 
    9777 .widget-top .widget-title-action {
    9778         float: right;
    9779 }
    9780 
    9781 a.widget-action {
    9782         display: block;
    9783         width: 24px;
    9784         height: 26px;
    9785         text-decoration: none;
    9786 }
    9787 
    9788 #available-widgets a.widget-action {
     9966.js .closed .widgets-sortables,
     9967.js .closed .widget-holder,
     9968.js .closed br.clear {
    97899969        display: none;
    97909970}
    9791 
    9792 .widget-top a.widget-action,
    9793 .widget-top a.widget-action:hover {
    9794         background: none !important;
    9795         border: none !important;
    9796         width: 30px;
    9797         margin-right: 0 !important;
    9798         margin-top: 3px;
    9799         text-decoration: none;
    9800 }
    9801 
    98029971.nav-menus-php .item-edit:after,
    98039972.widget-top a.widget-action:after,
    98049973.control-section .accordion-section-title::after,
     
    98189987        -moz-osx-font-smoothing: grayscale;
    98199988        text-decoration: none !important;
    98209989}
    9821 
    98229990.control-section .accordion-section-title::after,
    98239991.accordion-section-title::after {
    98249992        float: right;
    98259993        right: 20px;
    98269994        top: -2px;
    98279995}
    9828 
    9829 .widget-top a.widget-action:after {
    9830         content: '\f140';
    9831 }
    9832 
    98339996.control-section.open .accordion-section-title::after,
    98349997#customize-info.open .accordion-section-title::after,
    98359998.nav-menus-php .menu-item-edit-active .item-edit:after {
    98369999        content: '\f140';
    983710000}
    9838 
    983910001.nav-menus-php .item-controls .item-type {
    984010002        padding: 11px;
    984110003        margin-right: 10px;
    984210004}
    984310005
    9844 .widget .widget-inside,
    9845 .widget .widget-description {
    9846         padding: 12px 12px 10px;
    9847         font-size: 12px;
    9848         line-height: 16px;
    9849 }
    985010006
     10007/* Hide Widget Settings by Default */
    985110008.widget-inside,
    985210009.widget-description {
    985310010        display: none;
    985410011}
    985510012
    9856 #available-widgets .widget-description {
    9857         display: block;
    9858 }
    9859 
    9860 .widget .widget-inside p {
    9861         margin: 0 0 1em;
    9862         padding: 0;
    9863 }
    9864 
    9865 .widget-title h4 {
    9866         margin: 0;
    9867         padding-bottom: 0.2em;
    9868         line-height: 1;
    9869         overflow: hidden;
    9870         white-space: nowrap;
    9871         text-overflow: ellipsis;
    9872 }
    9873 
    9874 .widgets-sortables {
    9875         min-height: 90px;
    9876 }
    9877 
    9878 .widget-control-actions {
    9879         margin-top: 8px;
    9880 }
    9881 
    9882 .widget-control-actions a {
    9883         text-decoration: none;
    9884 }
    9885 
    9886 .widget-control-actions a:hover {
    9887         text-decoration: underline;
    9888 }
    9889 
    9890 .widget-control-actions div.alignleft {
    9891         margin-top: 6px;
    9892 }
    9893 
    9894 div#sidebar-info {
    9895         padding: 0 1em;
    9896         margin-bottom: 1em;
    9897         font-size: 12px;
    9898 }
    9899 
    9900 .widget-title a,
    9901 .widget-title a:hover {
    9902         text-decoration: none;
    9903         border-bottom: none;
    9904 }
    9905 
    9906 .widget-control-edit {
    9907         display: block;
    9908         font-size: 12px;
    9909         font-weight: normal;
    9910         line-height: 26px;
    9911         padding: 0 8px 0 0;
    9912 }
    9913 
    9914 a.widget-control-edit {
    9915         text-decoration: none;
    9916 }
    9917 
    9918 .widget-control-edit .add,
    9919 .widget-control-edit .edit {
    9920         display: none;
    9921 }
    9922 
    9923 #available-widgets .widget-control-edit .add,
    9924 #widgets-right .widget-control-edit .edit,
    9925 .inactive-sidebar .widget-control-edit .edit {
    9926         display: inline;
    9927 }
    9928 
    9929 .editwidget {
    9930         margin: 0 auto 15px;
    9931 }
    9932 
    9933 .editwidget .widget-inside {
    9934         display: block;
    9935         padding: 10px;
    9936 }
    9937 
    9938 .inactive p.description {
    9939         margin: 5px 15px 10px;
    9940 }
    9941 
    9942 #available-widgets p.description {
    9943         margin: 0 12px 12px;
    9944 }
    9945 
    9946 .widget-position {
    9947         margin-top: 8px;
    9948 }
    9949 
    9950 .inactive {
    9951         padding-top: 2px;
    9952 }
    9953 
    9954 .sidebar-name .spinner {
    9955         float: none;
    9956         margin: -4px 3px;
    9957 }
    9958 
    9959 .sidebar-name-arrow {
    9960         float: right;
    9961         height: 29px;
    9962         width: 26px;
    9963 }
    9964 
    9965 .widget-title .in-widget-title {
    9966         font-size: 12px;
    9967         white-space: nowrap;
    9968 }
    9969 
     10013/* Dragging widgets over the available widget area show's a "Deactivate" message */
    997010014#removing-widget {
    997110015        display: none;
    997210016        font-weight: normal;
     
    997510019        line-height: 1;
    997610020}
    997710021
     10022
     10023/* No clue... */
    997810024.widget-control-noform,
    997910025#access-off,
    998010026.widgets_access .widget-action,
     
    1003910085}
    1004010086
    1004110087#widgets-chooser {
     10088        clear: both;
    1004210089        display: none;
    1004310090        margin: auto;
    1004410091        padding-bottom: 10px;
     
    1012710174}
    1012810175/* End Widgets Area Chooser merge */
    1012910176
     10177
    1013010178/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
    1013110179.ui-sortable,
    1013210180.ui-draggable {
    1013310181        -ms-touch-action: none;
    1013410182}
    1013510183
     10184
    1013610185/* Accordion */
    1013710186
    1013810187.accordion-section {
     
    1024010289/* =Media Queries
    1024110290-------------------------------------------------------------- */
    1024210291
     10292@media screen and (max-width: 480px) {
     10293        div.widget-liquid-left {
     10294                width: 100%;
     10295                float: none;
     10296                border-right: none;
     10297                padding-right: 0;
     10298        }
     10299                #widgets-left .sidebar-name {
     10300                        margin-right: 0;
     10301                }
     10302                #widgets-left #available-widgets .widget-top {
     10303                        margin-right: 0;
     10304                }
     10305                #widgets-left .inactive-sidebar .widgets-sortables {
     10306                        margin-right: 0;
     10307                }
     10308        div.widget-liquid-right {
     10309                width: 100%;
     10310                float: none;
     10311        }
     10312}
    1024310313@media only screen and (max-width: 768px) {
    1024410314        /* categories */
    1024510315        #col-left {
     
    1031110381                width: auto;
    1031210382        }
    1031310383}
     10384@media only screen and (min-width: 1250px) {
     10385        #widgets-left #available-widgets .widget {
     10386                width: 49%;
     10387                float: left;
     10388        }
     10389        #widgets-left #available-widgets .widget:nth-child(even) {
     10390                float: right;
     10391        }
    1031410392
     10393        #widgets-right .widgets-holder-wrap {
     10394                width: 48.5%;
     10395                float: left;
     10396        }
     10397        #widgets-right .widgets-holder-wrap:nth-child(odd) {
     10398                clear: both;
     10399        }
     10400        #widgets-right .widgets-holder-wrap:nth-child(even) {
     10401                float: right;
     10402        }
     10403
     10404        #widgets-right.single-sidebar .widgets-holder-wrap {
     10405                width: 100%;
     10406        }
     10407}
     10408
    1031510409/**
    1031610410 * HiDPI Displays
    1031710411 */
  • 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 ),