ququplay/jquery-mobile-flat-ui-theme

Active button/link background color not matching selected theme

rrevi opened this issue · 4 comments

rrevi commented

See an example of this at my Github Page http://rrevi.github.io - click on any of my posts and you should see then link to the post turn green when it is active (it only last a second or two). Not matching the theme selected (theme C)

mkuklis commented

Hi @rrevi sorry for the delay. I was able to look at your demo but I don't see the green color when I press the button. Were you able to fix it? If so would you mind posting here what was wrong?

rrevi commented

Hi @mkuklis no worries. I fixed issue by adding the following code to color swatch C:

.ui-btn-up-c.ui-btn-hover-c.ui-btn-active { color:#000;border: 1px solid #909090;background:#909090}

Code above fixed issue in desktop browsers (Chrome and Safari on Mac OS X) but not on mobile browsers (Safari on iOS) so I then edited the following CSS class near line 294 .ui-btn-active with same property values (though that changes active button properties for all other color swatches)

you can view my edited jquery-mobile-flat-ui CSS File

Thank you for making this great jquery mobile theme!

mkuklis commented

Great thank you for the feedback. I will try to review it tonight.

jvanulden commented

Any progress on this? Using JQM 1.3.1 BTW.