WordPress.org

Make WordPress Core

Changeset 26819


Ignore:
Timestamp:
12/09/13 02:40:32 (4 months 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.