Make WordPress Core

Changeset 26819


Ignore:
Timestamp:
12/09/2013 02:40:32 AM (8 years ago)
Author:
azaozz
Message:

Make older mobile browsers and IE7 usable:

  • Text labels in the toolbar.
  • Image icons in the visual editor.
  • Some IE7 structural css fixes.

Fixes #26369.

Location:
trunk/src
Files:
5 edited

Legend:

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

    r26583 r26819  
    88#dashboard-widgets form #title {
    99    width: 98%;
     10}
     11
     12#wpbody-content #dashboard-widgets .postbox-container {
     13    width: 49.5%;
     14}
     15
     16#wpbody-content #dashboard-widgets #postbox-container-2,
     17#wpbody-content #dashboard-widgets #postbox-container-3,
     18#wpbody-content #dashboard-widgets #postbox-container-4 {
     19    float: right;
     20    width: 50.5%;
     21}
     22
     23#dashboard-widgets #postbox-container-3 .empty-container,
     24#dashboard-widgets #postbox-container-4 .empty-container {
     25    border: 0 none;
     26    height: 0;
     27    min-height: 0;
     28}
     29
     30.wp-editor-wrap .wp-editor-tools,
     31.wp-editor-wrap .wp-switch-editor,
     32.wp-editor-wrap .wp-editor-tabs,
     33.wp-editor-wrap .wp-editor-container {
     34    zoom: 100%;
    1035}
    1136
     
    7398}
    7499
     100#adminmenu .wp-submenu {
     101    left: 110px;
     102}
     103
    75104#adminmenu .wp-submenu ul {
    76105    margin: 0;
    77106}
    78107
     108.folded #wpcontent,
     109.folded #wpfooter {
     110    margin-left: 170px;
     111}
     112
     113.folded #adminmenuback,
     114.folded #adminmenuwrap,
     115.folded #adminmenu,
     116.folded #adminmenu li.menu-top {
     117    width: 150px;
     118}
     119
    79120.folded #adminmenu .wp-submenu {
    80121    border-top-color: transparent;
     122}
     123
     124.folded #adminmenu .wp-menu-name {
     125    display: block;
     126}
     127
     128.folded #adminmenu .wp-submenu.sub-open,
     129.folded #adminmenu .opensub .wp-submenu {
     130    left: 110px;
     131}
     132
     133.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     134.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     135    top: -1px;
     136    position: relative;
     137}
     138
     139.folded #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
     140    background-color: transparent;
    81141}
    82142
     
    119179}
    120180
     181#adminmenu li.wp-has-current-submenu .wp-submenu {
     182    left: -40px;
     183}
     184
     185#adminmenu .wp-menu-image {
     186    display: none !important;
     187}
     188
     189#adminmenu a.menu-top .wp-menu-name {
     190    padding-left: 8px;
     191}
     192
    121193#collapse-menu {
    122194    line-height: 23px;
     
    125197#wpadminbar .ab-comments-icon {
    126198    padding-top: 7px;
     199}
     200
     201
     202.theme-browser .theme {
     203    width: 30%;
     204    margin: 0 3% 4% 0;
     205    cursor: auto;
     206}
     207
     208.theme-browser .theme:hover,
     209.theme-browser .theme:focus {
     210    cursor: auto;
     211}
     212
     213.theme-browser .theme .theme-screenshot {
     214    height: 180px;
     215    min-width:
     216}
     217
     218.theme-browser .theme .theme-actions {
     219    position: static;
     220    background-color: #e8e8e8;
     221}
     222
     223.theme-browser .theme .more-details {
     224    display: none;
     225}
     226
     227.plugins td,
     228.plugins th {
     229    border-top: 1px solid #ddd;
    127230}
    128231
  • trunk/src/wp-admin/css/wp-admin.css

    r26817 r26819  
    19051905}
    19061906
     1907/* No @font-face support */
     1908.no-font-face #adminmenu .wp-menu-image {
     1909    display: none;
     1910}
     1911
     1912.no-font-face #adminmenu div.wp-menu-name {
     1913    padding: 8px 12px;
     1914}
     1915
     1916.no-font-face.auto-fold #adminmenu .wp-menu-name {
     1917    margin-left: 0;
     1918}
     1919/* End no @font-face support */
     1920
    19071921/* Sticky admin menu */
    1908 
    19091922.sticky-menu #adminmenuwrap {
    19101923    position: fixed;
  • trunk/src/wp-includes/css/admin-bar.css

    r26816 r26819  
    710710}
    711711
     712/* No @font-face support */
     713.no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
     714    display: block;
     715    width: 45px;
     716    text-align: center;
     717    overflow: hidden;
     718    margin: 0 3px;
     719}
     720
     721.no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
     722.no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
     723.no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
     724    text-indent: 0;
     725}
     726
     727.no-font-face #wpadminbar .ab-icon,
     728.no-font-face #wpadminbar .ab-icon:before,
     729.no-font-face #wpadminbar a.ab-item:before,
     730.no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
     731    display: none !important;
     732}
     733
     734.no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
     735    display: inline;
     736}
     737
     738.no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
     739    display: inline !important;
     740}
     741
     742.no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
     743    content: "Menu";
     744    font: 14px/45px sans-serif !important;
     745    display: inline-block !important;
     746    color: #fff;
     747}
     748
     749.no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
     750    color: #fff;
     751}
     752/* End no @font-face */
    712753
    713754@media screen and ( max-width: 782px ) {
     
    10021043    }
    10031044
    1004 
    1005 
    10061045    .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
    10071046        margin-right: 0;
  • trunk/src/wp-includes/css/editor.css

    r26816 r26819  
    100100}
    101101
     102/* No @font-face support */
     103.no-font-face .wp_themeSkin span.mce_undo,
     104.no-font-face .wp_themeSkin span.mce_redo,
     105.no-font-face .wp_themeSkin span.mce_bullist,
     106.no-font-face .wp_themeSkin span.mce_numlist,
     107.no-font-face .wp_themeSkin span.mce_blockquote,
     108.no-font-face .wp_themeSkin span.mce_charmap,
     109.no-font-face .wp_themeSkin span.mce_bold,
     110.no-font-face .wp_themeSkin span.mce_italic,
     111.no-font-face .wp_themeSkin span.mce_underline,
     112.no-font-face .wp_themeSkin span.mce_justifyleft,
     113.no-font-face .wp_themeSkin span.mce_justifyright,
     114.no-font-face .wp_themeSkin span.mce_justifycenter,
     115.no-font-face .wp_themeSkin span.mce_justifyfull,
     116.no-font-face .wp_themeSkin span.mce_indent,
     117.no-font-face .wp_themeSkin span.mce_outdent,
     118.no-font-face .wp_themeSkin span.mce_link,
     119.no-font-face .wp_themeSkin span.mce_unlink,
     120.no-font-face .wp_themeSkin span.mce_help,
     121.no-font-face .wp_themeSkin span.mce_removeformat,
     122.no-font-face .wp_themeSkin span.mce_fullscreen,
     123.no-font-face .wp_themeSkin span.mce_wp_fullscreen,
     124.no-font-face .wp_themeSkin span.mce_media,
     125.no-font-face .wp_themeSkin span.mce_pastetext,
     126.no-font-face .wp_themeSkin span.mce_pasteword,
     127.no-font-face .wp_themeSkin span.mce_wp_help,
     128.no-font-face .wp_themeSkin span.mce_wp_adv,
     129.no-font-face .wp_themeSkin span.mce_wp_more,
     130.no-font-face .wp_themeSkin span.mce_strikethrough,
     131.no-font-face .wp_themeSkin span.mce_spellchecker,
     132.no-font-face .wp_themeSkin span.mce_forecolor,
     133.no-font-face .wp_themeSkin .mce_forecolorpicker,
     134.no-font-face .wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
     135.no-font-face .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor,
     136.no-font-face .wp_themeSkin .mceSplitButton span.mce_numlist,
     137.no-font-face .wp_themeSkin .mceSplitButton span.mce_bullist {
     138    -moz-transition: none;
     139    -webkit-transition: none;
     140    transition: none;
     141    background-image: url('../images/wpicons.png?ver=20120720');
     142}
     143
     144/* Theme */
     145.no-font-face .wp_themeSkin span.mce_undo {background-position:-500px -20px}
     146.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_undo,
     147.no-font-face .wp_themeSkin .mceButtonActive span.mce_undo {background-position:-500px 0}
     148
     149.no-font-face .wp_themeSkin span.mce_redo {background-position:-480px -20px}
     150.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_redo,
     151.no-font-face .wp_themeSkin .mceButtonActive span.mce_redo {background-position:-480px 0}
     152
     153.no-font-face .wp_themeSkin span.mce_bullist {background-position:-40px -20px}
     154.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_bullist,
     155.no-font-face .wp_themeSkin .mceButtonActive span.mce_bullist,
     156.no-font-face .wp_themeSkin .mceSplitButton:hover span.mce_bullist {background-position:-40px 0}
     157
     158.no-font-face .wp_themeSkin span.mce_numlist {background-position:-60px -20px}
     159.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_numlist,
     160.no-font-face .wp_themeSkin .mceButtonActive span.mce_numlist,
     161.no-font-face .wp_themeSkin .mceSplitButton:hover span.mce_numlist {background-position:-60px 0}
     162
     163.no-font-face .wp_themeSkin span.mce_blockquote {background-position:-80px -20px}
     164.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_blockquote,
     165.no-font-face .wp_themeSkin .mceButtonActive span.mce_blockquote {background-position:-80px 0}
     166
     167.no-font-face .wp_themeSkin span.mce_charmap {background-position:-420px -20px}
     168.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_charmap,
     169.no-font-face .wp_themeSkin .mceButtonActive span.mce_charmap {background-position:-420px 0}
     170
     171.no-font-face .wp_themeSkin span.mce_bold {background-position:0 -20px}
     172.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_bold,
     173.no-font-face .wp_themeSkin .mceButtonActive span.mce_bold {background-position:0 0}
     174
     175.no-font-face .wp_themeSkin span.mce_italic {background-position:-20px -20px}
     176.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_italic,
     177.no-font-face .wp_themeSkin .mceButtonActive span.mce_italic {background-position:-20px 0}
     178
     179.no-font-face .wp_themeSkin span.mce_underline {background-position:-280px -20px}
     180.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_underline,
     181.no-font-face .wp_themeSkin .mceButtonActive span.mce_underline {background-position:-280px 0}
     182
     183.no-font-face .wp_themeSkin span.mce_justifyleft {background-position:-100px -20px}
     184.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyleft,
     185.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifyleft {background-position:-100px 0}
     186
     187.no-font-face .wp_themeSkin span.mce_justifyright {background-position:-140px -20px}
     188.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyright,
     189.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifyright {background-position:-140px 0}
     190
     191.no-font-face .wp_themeSkin span.mce_justifycenter {background-position:-120px -20px}
     192.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifycenter,
     193.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifycenter {background-position:-120px 0}
     194
     195.no-font-face .wp_themeSkin span.mce_justifyfull {background-position:-300px -20px}
     196.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyfull,
     197.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifyfull {background-position:-300px 0}
     198
     199.no-font-face .wp_themeSkin span.mce_indent {background-position:-460px -20px}
     200.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_indent,
     201.no-font-face .wp_themeSkin .mceButtonActive span.mce_indent {background-position:-460px 0}
     202
     203.no-font-face .wp_themeSkin span.mce_outdent {background-position:-440px -20px}
     204.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_outdent,
     205.no-font-face .wp_themeSkin .mceButtonActive span.mce_outdent {background-position:-440px 0}
     206
     207.no-font-face .wp_themeSkin span.mce_link {background-position:-160px -20px}
     208.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_link,
     209.no-font-face .wp_themeSkin .mceButtonActive span.mce_link {background-position:-160px 0}
     210
     211.no-font-face .wp_themeSkin span.mce_unlink {background-position:-180px -20px}
     212.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_unlink,
     213.no-font-face .wp_themeSkin .mceButtonActive span.mce_unlink {background-position:-180px 0}
     214
     215.no-font-face .wp_themeSkin span.mce_help {background-position:-520px -20px}
     216.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_help,
     217.no-font-face .wp_themeSkin .mceButtonActive span.mce_help {background-position:-520px 0}
     218
     219.no-font-face .wp_themeSkin span.mce_removeformat {background-position:-380px -20px}
     220.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_removeformat,
     221.no-font-face .wp_themeSkin .mceButtonActive span.mce_removeformat {background-position:-380px 0}
     222
     223.no-font-face .wp_themeSkin span.mce_strikethrough {background-position:-540px -20px;}
     224.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_strikethrough,
     225.no-font-face .wp_themeSkin .mceButtonActive span.mce_strikethrough {background-position:-540px 0}
     226
     227.no-font-face .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor {background-position:-320px -20px}
     228.no-font-face .wp_themeSkin .mceSplitButtonEnabled:hover span.mce_forecolor,
     229.no-font-face .wp_themeSkin .mceSplitButtonSelected span.mce_forecolor {background-position:-320px 0}
     230
     231.no-font-face .wp_themeSkin .mce_forecolorpicker {background-position:-320px -20px}
     232
     233/* Plugins in WP */
     234.no-font-face .wp_themeSkin span.mce_fullscreen {background-position:-240px -20px}
     235.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_fullscreen,
     236.no-font-face .wp_themeSkin .mceButtonActive span.mce_fullscreen {background-position:-240px 0}
     237
     238.no-font-face .wp_themeSkin span.mce_wp_fullscreen {background-position:-240px -20px}
     239.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_fullscreen,
     240.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_fullscreen {background-position:-240px 0}
     241
     242.no-font-face .wp_themeSkin span.mce_media {background-position:-400px -20px}
     243.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_media,
     244.no-font-face .wp_themeSkin .mceButtonActive span.mce_media {background-position:-400px 0}
     245
     246.no-font-face .wp_themeSkin span.mce_pastetext {background-position:-340px -20px}
     247.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_pastetext,
     248.no-font-face .wp_themeSkin .mceButtonActive span.mce_pastetext {background-position:-340px 0}
     249
     250.no-font-face .wp_themeSkin span.mce_pasteword {background-position:-360px -20px}
     251.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_pasteword,
     252.no-font-face .wp_themeSkin .mceButtonActive span.mce_pasteword {background-position:-360px 0}
     253
     254.no-font-face .wp_themeSkin span.mce_spellchecker {background-position:-220px -20px}
     255.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_spellchecker,
     256.no-font-face .wp_themeSkin .mceSplitButtonEnabled:hover span.mce_spellchecker,
     257.no-font-face .wp_themeSkin .mceButtonActive span.mce_spellchecker,
     258.no-font-face .wp_themeSkin .mceSplitButtonSelected span.mce_spellchecker {background-position:-220px 0}
     259
     260.no-font-face .wp_themeSkin span.mce_wp_help {background-position:-520px -20px}
     261.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_help,
     262.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_help {background-position:-520px 0}
     263
     264.no-font-face .wp_themeSkin span.mce_wp_adv {background-position:-260px -20px}
     265.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_adv,
     266.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_adv {background-position:-260px 0}
     267
     268.no-font-face .wp_themeSkin span.mce_wp_more {background-position:-200px -20px}
     269.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_more,
     270.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_more {background-position:-200px 0}
     271
     272.no-font-face .mceIcon:before {
     273    display: none !important;
     274}
     275/* End no @font-face */
    102276
    103277/* Containers */
  • trunk/src/wp-includes/js/admin-bar.js

    r26716 r26819  
    155155            });
    156156        }
     157
     158        if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 &&
     159            /Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test( navigator.userAgent ) ) {
     160
     161            document.body.className += ' no-font-face';
     162        }
    157163    });
    158164} else {
     
    348354            if ( w.location.hash )
    349355                w.scrollBy(0,-32);
     356
     357            if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 &&
     358                /Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test( navigator.userAgent ) ) {
     359
     360                document.body.className += ' no-font-face';
     361            }
    350362        });
    351363    })(document, window);
Note: See TracChangeset for help on using the changeset viewer.