search

jquery / themeroller.jquerymobile.com

ThemeRoller site for jQuery Mobile
Other
140 stars 73 forks source link

Navigation images displaying incorrectly #90

Closed BrentHathaway closed 12 years ago

BrentHathaway commented 12 years ago

summary: Theme Roller-produced jquery.mobile.structure-1.1.0.min.css : navigation images displaying incorrectly

When I replaced the default.css with the mobile structure one, the navigation and dropdown arrows are not displayed correctly. If I remove the structure css, and put the default css file, it works again.

Putting the default.css file before the structure css had no effect, so it must be overriding something.

As an fyi, the respond.min.js polyfill had the same problem at one time.

tybenz commented 12 years ago

Hi Brent. Can you provide a pastebin or gist of the theme file and structure file?

BrentHathaway commented 12 years ago

btw: verified in FF desktop & Chrome desktop

BrentHathaway commented 12 years ago

Hi Tyler - here is the gist: https://gist.github.com/2580650 If you want a non-minified version, please let me know.

tybenz commented 12 years ago

Okay sorry. I'm not sure I'm understanding the issue. First off, ThemeRoller does not produce a structure file. What it gives you is a theme file. You have to include the structure file from the CDN after the theme file in the head of your document:

<link rel="stylesheet" type="text/css" href="themes/myCustomTheme.css" />
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.css" />

Second, what exactly are you referring to by "navigation images"? Maybe we can clarify if you have somewhere for me to see your project on the web? Or a jsfiddle perhaps? (Also the unminified version would be preferred). Sorry for the confusion.

BrentHathaway commented 12 years ago

Ok, sorry, I thought that the themeroller was also responsible for the development of the structure.css. I'll repost this at the jquerymobile github if not already there.

BrentHathaway commented 12 years ago

Which css is responsible for the icons? Structure or themeroller? Or both? I see that the themeroller has settings for the icons.

BrentHathaway commented 12 years ago

And by the way, by navigation images, I am referring to the icons.

BrentHathaway commented 12 years ago

example: http://www.flickr.com/photos/67657750@N06/7138903135/in/photostream

tybenz commented 12 years ago

Oh okay. The icons are indeed referenced within the THEME file. The structure file has no images in it. But looking at the minified one you posted, it's using the default url(images/icons-18-white.png). Have you altered the icons-18-white.png at all? They look orange, not white. Maybe that's the problem with the offset.

BrentHathaway commented 12 years ago

The jquery-ui-1.8.10.custom.css for datepicker is conflicting with the JQuery Mobile css, which is autogenerated by JQuery UI. I've posted this at the main github for JQM. Thanks for your help. :) Awesome job, btw.