Make WordPress Core

Opened 12 years ago

Closed 12 years ago

#12303 closed task (blessed) (fixed)

Mobile Safari Tweaks for TwentyTen

Reported by: Simek Owned by: iammattthomas
Milestone: 3.0 Priority: normal
Severity: normal Version: 3.0
Component: Themes Keywords: has-patch
Focuses: Cc:


Use additional style sheet when HTTP_USER_AGENT is a Mobile Safari ( iPad, iPhone or iPod Touch ).


  • custom tap highlight color for various links and menu
  • some font size adjustments

Changes were tested on iPhone 2G, iPhone 3G and iPod Touch 2G. I'm still not 100% sure that HTTP_USER_AGENT for iPad is correct, so if some could prove it or post link to information I'll be thankful.

Attachments (2)

mobilesafari.tweaks.twentyten.adjust.patch (1.7 KB) - added by Simek 12 years ago.
12303-mobile-webkit.patch (1.3 KB) - added by iammattthomas 12 years ago.
Updated version of patch - renamed css file and removed custom highlight colors

Download all attachments as: .zip

Change History (17)

#2 @nacin
12 years ago

Not a bad idea, though we'll want to move that into functions.php and probably hook into wp_head.

What I've generally seen is this, which has some forward thinking in mind:

if ( preg_match( '/Apple.*Mobile.*Safari/i', $_SERVER['HTTP_USER_AGENT'] ) )

#3 @nacin
12 years ago

  • Keywords needs-patch added; has-patch tested removed

Current patch is a good proof of concept. We need some UI/UX testing to continue, and also an indication of whether including this is desirable for core.

#4 @nacin
12 years ago

  • Owner set to iammattthomas
  • Status changed from new to assigned

#5 @iammattthomas
12 years ago

Just saw this referenced on the main twentyten ticket; I'll take a look at this tonight and see how it looks.

#6 @Denis-de-Bernardy
12 years ago

  • Keywords has-patch added; needs-patch removed

12 years ago

Updated version of patch - renamed css file and removed custom highlight colors

#7 @automattor
12 years ago

(In [13554]) Add mobile webkit styles for twentyten. See #12303

#8 @iammattthomas
12 years ago

I made a patch -- then having fully awoken, remembered I could commit it myself. :) Thanks Simek for the original patch; I agreed with the font size adjustments but decided against incorporating the custom highlight colors. I prefer to leave them as the system defaults unless there's a compelling reason otherwise; and I think the neutral color defaults are good for twentyten.

#9 @nacin
12 years ago

(In [13555]) Cleaner and ideally future-proof detection of mobile Safari browsers. see #12303

#10 @iammattthomas
12 years ago

(In [13556]) Tweaks to mobile-webkit styles; see #12303

#11 @nacin
12 years ago

  • Type changed from enhancement to task (blessed)

#12 @filosofo
12 years ago

Replying to nacin:

future-proof detection of mobile Safari browsers. see #12303

I doubt it. History suggests the next wannabes will put "iPhone" in their user-agent strings.

#13 @nacin
12 years ago

filosofo mentioned on IRC that -webkit-text-size-adjust is mobile Safari only, so we can simply add those to the existing stylesheet and remove mobile-webkit.css.

#14 @iammattthomas
12 years ago

(In [13566]) Moving mobile webkit styles to style.css; adjusting widget_search label and site-description sizes. See #12303

#15 @iammattthomas
12 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed

I believe this is fixed as of r13566.

Note: See TracTickets for help on using tickets.