readthedocs-sphinx-search icon indicating copy to clipboard operation
readthedocs-sphinx-search copied to clipboard

CSS: clean up some classes

Open stsewd opened this issue 5 years ago • 7 comments

There were some values hard-coded in the html attributes, but we already were setting them in our css.

Also, search__backdrop was basically the same as search__outer__wrapper

You can see it working at https://readthedocs-sphinx-search.readthedocs.io/en/clean-up-css/?rtd_search=search

stsewd avatar Sep 01 '20 21:09 stsewd

It might be worth testing IE/Edge for this, as the attributes on the svg element might be required for IE compatibility. IE support for svg was bad for a long time, and scaling issues are a known problem.

agjohnson avatar Dec 17 '20 20:12 agjohnson

According to this thing it looks good https://www.browserling.com/browse/win/7/ie/11/https%3A%2F%2Freadthedocs-sphinx-search--74.org.readthedocs.build%2Fen%2F74%2F I may need to boot a windows VM to double check, don't think there is a headless driver for IE

stsewd avatar Dec 17 '20 23:12 stsewd

We also have a OSS account at saucelabs that i commonly use for theme development, I can share the creds with you

agjohnson avatar Dec 18 '20 01:12 agjohnson

@agjohnson yes please!

stsewd avatar Jan 04 '21 15:01 stsewd

@agjohnson looks like everything works as expected. Noticed the extension doesn't work at all on IE 10, not sure if we want to support it though.

stsewd avatar Jan 06 '21 18:01 stsewd

Can you post a screen grab or something for ie10? i remember there were some issues, but it should work.

We've talked about dropping support for ie10, but don't have an official position yet. Last I checked, there was still a non-zero amount of ie10 traffic -- which when you're talking about 20M monthly pageviews, is still probably ~100k monthly pageviews. I've lost where we had the conversation last

agjohnson avatar Jan 06 '21 18:01 agjohnson

Can you post a screen grab or something for ie10? i remember there were some issues, but it should work.

This UI is the same, search doesn't work, it throws an exception in the js code, so when you search nothing happens, and you can't even close the modal

Screenshot_2021-01-06 Sauce Labs

the docs.rtfd.io site has definitely problems with the svg image :D

Screenshot_2021-01-06 Sauce Labs(1)

stsewd avatar Jan 06 '21 18:01 stsewd