search

bennettscience / barhop

A lightweight theme built for Anchor CMS
3 stars 3 forks source link

Feature: Styled dropdown #22

Closed systimotic closed 10 years ago

systimotic commented 10 years ago

It would be really neat if you could get the dropdown looking a bit like the other parts of the menu.

On my system, it looks like this:
2014-09-30 22_32_48-i m still here - my first anchor blog

bennettscience commented 10 years ago

I did some reading on dropdown menus and CSS and pretty much, you can't do anything about it. I may end up shifting to a different method of displaying categories...pure JS or something...not sure yet.

That being said, this is related to #26 - a custom fix for the site could be used to persist the category name.

bennettscience commented 10 years ago

I have some styling added, related to #27. Take a look on your end, @TimohStudios and let me know if it looks okay on Windows (working only on Mac nowadays...)

systimotic commented 10 years ago

Uhm... Chrome:
2014-10-08 10_34_45-my posts and thoughts - my anchor testing blog 2014-10-08 10_35_00-my posts and thoughts - my anchor testing blog Firefox:
2014-10-08 10_36_01-my posts and thoughts - my anchor testing blog 2014-10-08 10_36_08-my posts and thoughts - my anchor testing blog IE:
Who cares about IE?

bennettscience commented 10 years ago

Mozilla doesn't allow styling of the <select> item by the page. There's a bug reported on the Mozilla support page already. At the moment, the only way to remove the custom arrow is to remove the background property entirely from the tag. I'll need to use JavaScript to identify the browser and change the CSS accordingly.

systimotic commented 10 years ago

Moziila does allow it this way.

bennettscience commented 10 years ago

I found that one as well, and it's broken in v30+ of Firefox. I'm not sure how his is still working, but no matter what I do on my end, I can't replicate it. This GitHub thread says it'll be addressed in v35. I'll keep my eye one it.