Change Details

The padding applied to all list items on mobile messes up hlists a bit because – at least with Helvetica on iOS – the padding to the right for all list items is slightly too large, and so the bullets are misaligned so that the gap to the right of each bullet is slightly too wide. I'm not sure why WMF did this instead of doing more sensible things like changing the line-height and adding padding to the right of lists. The bottom padding also messes with styling where there's supposed to be the same distance between the top and bottom of a table cell. For most hlists, the bullets don't display; see T169315. The navbar template is affected by both of these issues, but the padding makes it worse because many of them have square brackets to the left and right, and the padding shows up between the E and the right bracket as well. Adding the largely-undocumented `hlist-separated` class (see T169315) does not solve //any// of these, partly because the bullets don't change colour to match the text, and because the distance separating items from bullets is only added on the left side. The class should control padding on both sides of the bullets, if the distance is to be added. To top it off, the navbar edit link doesn't work because it's hardcoded to go to the desktop site. (This is also a problem in template documentation, which has [edit] and [purge] links which always go to desktop.) This usually isn't a problem in mobile, because ~~"anyone can edit" doesn't actually matter~~ most templates containing navbars aren't displayed in mobile view anyway, but it does still pop up, particularly in [[ https://en.wikipedia.org/wiki/Wikipedia:Route_diagram_template | route diagram templates ]] (used in about 10,000 articles on enwiki and on at least 50 other Wikipedias). Solutions include - changing the list item padding in the mobile skin so that bottom padding is replaced by a line-height rule, and right-padding is replaced either by padding on the `<ul>`/`<ol>` element or nothing; - removing the `hlist-separated` class from the skin (see the other bug); - hiding all navbars from mobile readers because ~~almost every edit from them is vandalism and the mobile editor doesn't even have monospaced text making it harder to read code~~ most templates containing navbars are hidden in mobile anyway; - hiding route diagram templates from mobile readers (which would suck, because I spent a lot of time making Module:Routemap display properly). There are probably other ways to fix this, but this isn't my job and I'm supposed to be on a school holiday enjoying myself.

The padding applied to all list items on mobile messes up hlists a bit because – at least with Helvetica on iOS – the padding to the right for all list items is slightly too large, and so the bullets are misaligned so that the gap to the right of each bullet is slightly too wide. I'm not sure why WMF did this instead of doing more sensible things like changing the line-height and adding padding to the right of lists. The bottom padding also messes with styling where there's supposed to be the same distance between the top and bottom of a table cell. For most hlists, the bullets don't display; see T169315. The navbar template is affected by both of these issues, but the padding makes it worse because many of them have square brackets to the left and right, and the padding shows up between the E and the right bracket as well. Adding the largely-undocumented `hlist-separated` class (see T169315) does not solve //any// of these, partly because the bullets don't change colour to match the text, and because the distance separating items from bullets is only added on the left side. The class should control padding on both sides of the bullets, if the distance is to be added. To top it off, the navbar edit link doesn't work because it's hardcoded to go to the desktop site. (This is also a problem in template documentation, which has [edit] and [purge] links which always go to desktop.) This usually isn't a problem in mobile, because ~~"anyone can edit" doesn't actually matter~~ most templates containing navbars aren't displayed in mobile view anyway, but it does still pop up, particularly in [[ https://en.wikipedia.org/wiki/Wikipedia:Route_diagram_template | route diagram templates ]] (used in about 10,000 articles on enwiki and on at least 50 other Wikipedias). Solutions include - changing the list item padding in the mobile skin so that bottom padding is replaced by a line-height rule, and right-padding is replaced either by padding on the `<ul>`/`<ol>` element or nothing; - removing the `hlist-separated` class from the skin (see the other bug); - hiding all navbars from mobile readers because ~~almost every edit from them is vandalism and the mobile editor doesn't even have monospaced text making it harder to read code~~ most templates containing navbars are hidden in mobile anyway; - hiding route diagram templates from mobile readers (which would suck, because I spent a lot of time making Module:Routemap display properly).

The padding applied to all list items on mobile messes up hlists a bit because – at least with Helvetica on iOS – the padding to the right for all list items is slightly too large, and so the bullets are misaligned so that the gap to the right of each bullet is slightly too wide. I'm not sure why WMF did this instead of doing more sensible things like changing the line-height and adding padding to the right of lists. The bottom padding also messes with styling where there's supposed to be the same distance between the top and bottom of a table cell. For most hlists, the bullets don't display; see T169315. The navbar template is affected by both of these issues, but the padding makes it worse because many of them have square brackets to the left and right, and the padding shows up between the E and the right bracket as well. Adding the largely-undocumented `hlist-separated` class (see T169315) does not solve //any// of these, partly because the bullets don't change colour to match the text, and because the distance separating items from bullets is only added on the left side. The class should control padding on both sides of the bullets, if the distance is to be added. To top it off, the navbar edit link doesn't work because it's hardcoded to go to the desktop site. (This is also a problem in template documentation, which has [edit] and [purge] links which always go to desktop.) This usually isn't a problem in mobile, because ~~"anyone can edit" doesn't actually matter~~ most templates containing navbars aren't displayed in mobile view anyway, but it does still pop up, particularly in [[ https://en.wikipedia.org/wiki/Wikipedia:Route_diagram_template | route diagram templates ]] (used in about 10,000 articles on enwiki and on at least 50 other Wikipedias). Solutions include - changing the list item padding in the mobile skin so that bottom padding is replaced by a line-height rule, and right-padding is replaced either by padding on the `<ul>`/`<ol>` element or nothing; - removing the `hlist-separated` class from the skin (see the other bug); - hiding all navbars from mobile readers because ~~almost every edit from them is vandalism and the mobile editor doesn't even have monospaced text making it harder to read code~~ most templates containing navbars are hidden in mobile anyway; - hiding route diagram templates from mobile readers (which would suck, because I spent a lot of time making Module:Routemap display properly). There are probably other ways to fix this, but this isn't my job and I'm supposed to be on a school holiday enjoying myself.