For language links, use full space in <li> elements

If the link takes full space in <li>, the click or control click events
can originate from a wider space. Currently the <a> tags are surrounded
by padding of <li>.

See https://phabricator.wikimedia.org/T308688
This commit is contained in:
Santhosh Thottingal
2022-06-13 11:13:38 +05:30
parent 074eafa727
commit 2ca3a1a36a

View File

@@ -68,9 +68,8 @@
} }
.uls-language-block > ul > li { .uls-language-block > ul > li {
cursor: pointer;
margin-left: 20px; margin-left: 20px;
padding: 8px; padding: 0;
/* /*
* The directionality (ltr/rtl) for each list item is set dynamically * The directionality (ltr/rtl) for each list item is set dynamically
* as HTML attributes in JavaScript. Setting directionality also applies * as HTML attributes in JavaScript. Setting directionality also applies
@@ -95,6 +94,7 @@
display: inline-block; display: inline-block;
width: 100%; width: 100%;
overflow-x: hidden; overflow-x: hidden;
padding: 8px;
/* /*
* Some languages have long names for various reasons and we still want * Some languages have long names for various reasons and we still want
* them to appear on one line. * them to appear on one line.