WordPress.org

Make WordPress Core

Changeset 27765


Ignore:
Timestamp:
03/27/2014 12:07:05 AM (6 years ago)
Author:
helen
Message:

Better, more consistent styling for plugin details Thickbox and TinyMCE help.

props avryl. fixes #26952.

Location:
trunk/src
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/common.css

    r27749 r27765  
    18071807
    18081808#plugin-information-title {
    1809     padding: 0 36px 0 16px;
    1810     font-size: 18px;
     1809    padding: 0 76px 0 20px;
     1810    font-size: 22px;
    18111811    font-weight: 600;
    1812     line-height: 36px;
     1812    line-height: 56px;
    18131813    top: 0;
    18141814    right: 0;
    18151815    left: 0;
    1816     height: 36px;
    1817     border-bottom: 1px solid #ddd;
     1816    height: 56px;
    18181817    overflow: hidden;
    18191818    text-overflow: ellipsis;
     
    18631862    top: 90px;
    18641863    right: 0;
    1865     bottom: 44px;
     1864    bottom: 58px;
    18661865    left: 0;
    1867     overflow: auto;
    18681866}
    18691867
     
    18761874    bottom: 0;
    18771875    left: 0;
     1876    overflow: auto;
    18781877}
    18791878
     
    18841883#plugin-information .fyi {
    18851884    background: #f3f3f3;
    1886     border: 1px solid #ddd;
    1887     border-top: 0;
     1885    border-left: 1px solid #ddd;
    18881886    color: #666;
    18891887    padding: 16px;
     
    18911889    top: 0;
    18921890    right: 0;
     1891    bottom: 0;
    18931892    width: 217px;
     1893    overflow: auto;
    18941894}
    18951895
     
    19231923
    19241924#plugin-information-footer {
    1925     padding: 8px 16px;
     1925    padding: 15px 16px;
    19261926    position: absolute;
    19271927    right: 0;
    19281928    bottom: 0;
    19291929    left: 0;
     1930    height: 28px;
    19301931}
    19311932
     
    19751976    #plugin-information-content {
    19761977        overflow: auto;
    1977         bottom: 62px;
     1978        bottom: 58px;
    19781979    }
    19791980
     
    19951996
    19961997    #plugin-information-footer {
    1997         padding: 12px 16px;
    1998         height: 37px;
     1998        padding: 12px 16px 0;
     1999        height: 46px;
    19992000    }
    20002001}
     
    20322033body.plugin-install-php .tb-close-icon,
    20332034body.index-php .tb-close-icon {
    2034     line-height: 36px;
    2035     width: 36px;
    2036     height: 36px;
     2035    line-height: 48px;
     2036    width: 48px;
     2037    height: 48px;
    20372038}
    20382039
    20392040body.plugin-install-php .tb-close-icon:before,
    20402041body.index-php .tb-close-icon:before {
    2041     line-height: 36px;
     2042    line-height: 48px;
    20422043}
    20432044
  • trunk/src/wp-includes/css/editor.css

    r27545 r27765  
    7272    width: -webkit-calc( 100% - 36px );
    7373    width: calc( 100% - 36px );
     74}
     75
     76.mce-wp-help .mce-window-head {
     77    border-bottom: none;
    7478}
    7579
  • trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js

    r27729 r27765  
    183183            width: 450,
    184184            height: 420,
    185             inline: 1
     185            inline: 1,
     186            classes: 'wp-help'
    186187        });
    187188    });
  • trunk/src/wp-includes/js/tinymce/wp-mce-help.php

    r27190 r27765  
    2828    }
    2929
    30     #tabs-wrap {
     30    .wp-core-ui #tabs {
     31        margin-top: 1px;
     32        padding: 0 6px;
    3133        position: absolute;
    3234        top: 0;
    33     }
    34 
    35     #tabs {
    36         box-shadow: 0 3px 5px rgba( 255, 255, 255, 0.2 );
     35        right: 0;
     36        left: 0;
     37        height: 31px;
     38        z-index: 1;
     39    }
     40
     41    .wp-core-ui #tabs a {
     42        position: relative;
     43        float: left;
     44        padding: 6px 10px;
    3745        margin: 0;
    38         padding: 0;
    39         position: relative;
    40         -webkit-user-select: none;
    41         -moz-user-select: none;
    42         -ms-user-select: none;
    43         user-select: none;
    44     }
    45 
    46     #tabs a {
     46        height: 18px;
     47        line-height: 18px;
     48        text-decoration: none;
    4749        -webkit-transition: none;
    4850        transition: none;
    4951    }
    50    
    51     #tabs-wrap #tabs > a {
    52         float: left;
    53         font-size: 14px;
    54         height: 18px;
    55         line-height: 18px;
    56         margin: 0;
    57         padding: 7px 10px;
    58         position: relative;
    59         text-decoration: none;
    60         border-right: 1px solid #ddd;
    61         background-color: #eee;
    62         color: inherit;
    63     }
    64 
    65     #tabs > a:active,
    66     #tabs > a:focus {
    67         outline: none;
    68     }
    69 
    70     #tabs-wrap #tabs .active,
    71     #tabs-wrap #tabs .active:hover {
     52
     53    #tabs a.active {
     54        margin: -1px -1px 0;
     55        background: #fff;
     56        border: 1px solid #ddd;
     57        border-bottom: none;
    7258        color: #333;
    73         background: #fff;
    74         border-bottom: 1px solid #fff;
    7559    }
    7660
     
    8468        height: 360px;
    8569        margin: 0;
    86         margin-top: 32px;
    87         overflow-y: scroll;
     70        margin-top: 30px;
     71        overflow: auto;
    8872        padding: 10px 16px;
    8973    }
     
    152136</script>
    153137
    154 <div id="tabs-wrap">
    155     <div id="tabs">
    156         <a id="tab1" href="javascript:flipTab(1)" title="<?php esc_attr_e('Basics of Rich Editing'); ?>" accesskey="1" class="active"><?php _e('Basics'); ?></a>
    157         <a id="tab2" href="javascript:flipTab(2)" title="<?php esc_attr_e('Advanced use of the Rich Editor'); ?>" accesskey="2"><?php _e('Advanced'); ?></a>
    158         <a id="tab3" href="javascript:flipTab(3)" title="<?php esc_attr_e('Hotkeys'); ?>" accesskey="3"><?php _e('Hotkeys'); ?></a>
    159         <a id="tab4" href="javascript:flipTab(4)" title="<?php esc_attr_e('About the software'); ?>" accesskey="4"><?php _e('About'); ?></a>
    160     </div>
     138<div id="tabs">
     139    <a id="tab1" href="javascript:flipTab(1)" title="<?php esc_attr_e('Basics of Rich Editing'); ?>" accesskey="1" class="active"><?php _e('Basics'); ?></a>
     140    <a id="tab2" href="javascript:flipTab(2)" title="<?php esc_attr_e('Advanced use of the Rich Editor'); ?>" accesskey="2"><?php _e('Advanced'); ?></a>
     141    <a id="tab3" href="javascript:flipTab(3)" title="<?php esc_attr_e('Hotkeys'); ?>" accesskey="3"><?php _e('Hotkeys'); ?></a>
     142    <a id="tab4" href="javascript:flipTab(4)" title="<?php esc_attr_e('About the software'); ?>" accesskey="4"><?php _e('About'); ?></a>
    161143</div>
    162144
Note: See TracChangeset for help on using the changeset viewer.