Set a relative size for the pt-uls icon and padding so it scales properly

Instead of background-size:containing to the relative font size, but with
fixed horizontal space for it due to the padding, set both the padding and
background-size to use ems instead of px so both scale properly.

Tested in modern, cologneblue, monobook, and vector with no visible issues.
Resolves issue with icon being too large on timeless. Does not appear to
affect minerva, as that just handles it all another way.

Change-Id: Ibcea827fe15ee50c947e9c0de1e6cf053e299033
This commit is contained in:
Isarra
2019-08-30 17:39:10 +00:00
committed by jenkins-bot
parent d4786e5797
commit 3ef282de00

View File

@@ -20,9 +20,9 @@
}
#pt-uls a.uls-trigger {
padding-left: 18px;
padding-left: 1.25em;
// Let the SVG image fit without cropping or stretch
background-size: contain;
background-size: 1.15em;
/* Fix alignment in vector: https://phabricator.wikimedia.org/T61239 */
line-height: 1;
}