First reported in ansible/ansible#77714 and moved here:
Summary
Some links on docs.ansible.com are unclickable. I think it is specific to this combination:
- The documentation of an option has a link
- The link is near the bottom of the option
- It isn't the last option
- Browser size is less than 1200px wide (mine is ~1040)
I encountered this on https://docs.ansible.com/ansible/latest/collections/community/docker/docker_prune_module.html (specifically containers_filters
, images_filters
and networks_filters
, but not volumes_filters
), but since the CSS applies to everything, I'm reporting it here.
![2022-05-02-070105_662x149_scrot](https://user-images.githubusercontent.com/5775429/166187737-111b7fc3-08a0-4d3d-82bd-3048120cb0f9.png)
(ignore that the link is purple in the screenshot, I opened it from the inspector)
Trying to inspect the link actually gives you the div class="ansibleOptionAnchor"
of the next option, which is probably why on that page it works for volume_filters
.
Looking further into it, it also makes text near the bottom of any item (except the last item) unselectable; the cursor remains a pointer instead of turning into a caret.
There are multiple CSS min/max width statements going on, also on elements higher up in the tree (especially the td
). Involved CSS files appear to be (at least) https://docs.ansible.com/ansible/latest/_static/css/ansible.css and https://docs.ansible.com/ansible/latest/_static/antsibull-minimal.css but I have no idea where those are coming from.
Issue Type
Documentation Report
Component Name
CSS
Ansible Version
Configuration
$ ansible-config dump --only-changed
OS / Environment
Firefox 99.0.1 on Archlinux
Additional Information
It improves the user experience.
(feel free to edit the title and/or move this to the relevant repository)
Code of Conduct