Parent task: {T363845}
Having started with T312933 and T312970 related to #wikieditor, I discovered that quite many MediaWiki parts and extensions don't respect the default browser font size, setting an absolute `font-size` in `px` instead of relative in `em`/`rem`. I'm not sure whether I should create an individual task for every finding because there's quite a few of them, their list is likely to grow, and they are typical.
Here's what I stumbled upon as of now:
| {F35320488, width=250} | {F35320491, width=350} | {F35320496, width=250} | {F35320500, width=150, float} {F35320502, width=150, float} |
| * #page-previews have a fixed `font-size` of `14px`. Here's how they look in Firefox with `20px` as the default font size. The `width` of the popup in various orientations is also fixed (`450px`, `320px`). | Diffs are rigidly set to `13px`. That's their look. | `#siteSub` is strictly `12.8px`. Here's how it looks like. | `line-height` in `.sidebar-toc` is exactly `18px`. It may be not obvious what's so bad but here's the difference with `16px` as the default size.`padding-left` of subsections on the same screenshot is `8px` (IMHO, difficult to see even with standard settings). |
According to [[https://css-tricks.com/users-do-change-font-size/|some research]], more than 3% of users have non-default browser font size.
Related task: {T27257}
# Hardcoded font-size audit
The following query in codesearch identified font-sizes set in `px` (`font-size:.*px;`) in Wikimedia maintained repos:
https://codesearch.wmcloud.org/deployed/?q=font-size%3A.*px%3B&files=.less&excludeFiles=&repos=
[] MediaWiki core (6 files)
** ~~[[https://gerrit.wikimedia.org/g/mediawiki/core/+/32da948e2bbe3e301267afe708765f93f39a906b/resources/src/mediawiki.content.json.less|resources/src/mediawiki.content.json.less]] (1 matches)~~
** ~~[[https://gerrit.wikimedia.org/g/mediawiki/core/+/32da948e2bbe3e301267afe708765f93f39a906b/resources/src/mediawiki.debug/debug.less|resources/src/mediawiki.debug/debug.less]] (4 matches)~~
** ~~[[https://gerrit.wikimedia.org/g/mediawiki/core/+/32da948e2bbe3e301267afe708765f93f39a906b/resources/src/mediawiki.diff.styles/diff.less|resources/src/mediawiki.diff.styles/diff.less]] (1 matches)~~
** [[https://gerrit.wikimedia.org/g/mediawiki/core/+/32da948e2bbe3e301267afe708765f93f39a906b/resources/src/mediawiki.editfont.less|resources/src/mediawiki.editfont.less]] (2 matches)
[ ] Wikidata Query GUI (1 files)
** [[https://gerrit.wikimedia.org/g/wikidata/query/gui/+/1380f319b2ff09b90dbe429648de069af2050a1f/style.less|style.less]] (7 matches)
[ ] mediawiki/extensions/3D (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/3D/+/e751de4e5d82c3b8a1e76af1ee05ba0ece990eaf/modules/ext.3d.less|modules/ext.3d.less]] (1 matches)
[ ] mediawiki/extensions/BetaFeatures (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/BetaFeatures/+/4116d8a6c2ad0d728e962bfcc711729247e58ea5/resources/betafeatures.nojs.less|resources/betafeatures.nojs.less]] (1 matches)
[ ] mediawiki/extensions/CodeEditor (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/CodeEditor/+/be90c89fa9e1767f961b1d36856ec608249bd5cc/modules/jquery.codeEditor.less|modules/jquery.codeEditor.less]] (1 matches)
[ ] mediawiki/extensions/ContentTranslation (8 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/modules/entrypoints/styles/ext.cx.entrypoints.newarticle.less|modules/entrypoints/styles/ext.cx.entrypoints.newarticle.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/modules/entrypoints/styles/ext.cx.entrypoints.newbytranslation.mobile.less|modules/entrypoints/styles/ext.cx.entrypoints.newbytranslation.mobile.less]] (3 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/modules/entrypoints/styles/ext.cx.entrypoints.recenttranslation.less|modules/entrypoints/styles/ext.cx.entrypoints.recenttranslation.less]] (2 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/modules/source/styles/mw.cx.SelectedSourcePage.less|modules/source/styles/mw.cx.SelectedSourcePage.less]] (4 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/modules/source/styles/mw.cx.SourcePageSelector.less|modules/source/styles/mw.cx.SourcePageSelector.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/modules/stats/styles/ext.cx.stats.less|modules/stats/styles/ext.cx.stats.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/modules/ui/styles/mw.cx.ui.LanguageFilter.less|modules/ui/styles/mw.cx.ui.LanguageFilter.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ContentTranslation/+/5d480c113ac6031c5fe09a79591a6c158ba93695/skin/styles/skin.less|skin/styles/skin.less]] (1 matches)
[ ] mediawiki/extensions/DiscussionTools (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/DiscussionTools/+/de26956c551825d55ee1083a24e8d24e7bf1502f/modules/dt.ui.ReplyWidget.less|modules/dt.ui.ReplyWidget.less]] (1 matches)
[ ] mediawiki/extensions/Echo (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Echo/+/63736536f5683af24ecf091b1a37beacd57ebc10/modules/nojs/mw.echo.notifications.less|modules/nojs/mw.echo.notifications.less]] (1 matches)
[ ] mediawiki/extensions/ExternalGuidance (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/ExternalGuidance/+/b887b6990a20403e859a5711e230d9fcbf139d60/modules/mw.externalguidance/main.less|modules/mw.externalguidance/main.less]] (2 matches)
[ ] mediawiki/extensions/Flow (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Flow/+/2c20ec32355ff9f453257a219225b59979007628/modules/styles/board/topic/titlebar.less|modules/styles/board/topic/titlebar.less]] (1 matches)
[ ] mediawiki/extensions/GrowthExperiments (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/GrowthExperiments/+/dca8bd43e436eb9396818851be9ccfe4178568e8/modules/ext.growthExperiments.Homepage.styles/TaskExplanationWidget.less|modules/ext.growthExperiments.Homepage.styles/TaskExplanationWidget.less]] (1 matches)
[ ] mediawiki/extensions/JsonConfig (2 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/JsonConfig/+/0d32d523bc2da4ed0522b886ccc291b2ed62ed45/modules/JsonConfig.less|modules/JsonConfig.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/JsonConfig/+/0d32d523bc2da4ed0522b886ccc291b2ed62ed45/modules/tabular-general.less|modules/tabular-general.less]] (1 matches)
[ ] mediawiki/extensions/Kartographer (6 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Kartographer/+/0359279f632061119e6539009acf8df2d7e7b754/modules/dialog/dialog.less|modules/dialog/dialog.less]] (3 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Kartographer/+/0359279f632061119e6539009acf8df2d7e7b754/styles/control-attribution.less|styles/control-attribution.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Kartographer/+/0359279f632061119e6539009acf8df2d7e7b754/styles/control-scale.less|styles/control-scale.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Kartographer/+/0359279f632061119e6539009acf8df2d7e7b754/styles/kartographer.less|styles/kartographer.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Kartographer/+/0359279f632061119e6539009acf8df2d7e7b754/styles/leaflet-overrides.less|styles/leaflet-overrides.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Kartographer/+/0359279f632061119e6539009acf8df2d7e7b754/styles/specialMap.less|styles/specialMap.less]] (1 matches)
[ ] mediawiki/extensions/MediaSearch (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/MediaSearch/+/4dfd3aef56953c929aebdf81cd2476d5544166cd/resources/components/EndOfResults.less|resources/components/EndOfResults.less]] (1 matches)
[ ] mediawiki/extensions/MobileFrontend (4 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/MobileFrontend/+/e0e7319b4035c2136b2647df5b83bd681fd7074f/resources/mobile.init.styles/main.less|resources/mobile.init.styles/main.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/MobileFrontend/+/e0e7319b4035c2136b2647df5b83bd681fd7074f/resources/mobile.special.styles/common.less|resources/mobile.special.styles/common.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/MobileFrontend/+/e0e7319b4035c2136b2647df5b83bd681fd7074f/resources/mobile.startup/Overlay.less|resources/mobile.startup/Overlay.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/MobileFrontend/+/e0e7319b4035c2136b2647df5b83bd681fd7074f/resources/mobile.startup/search/SearchOverlay.less|resources/mobile.startup/search/SearchOverlay.less]] (1 matches)
[ ] mediawiki/extensions/MultimediaViewer (2 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/MultimediaViewer/+/584b7f63ed5832e55ba259d0c2c2d5a5c0103af5/resources/mmv/ui/mmv.ui.canvas.less|resources/mmv/ui/mmv.ui.canvas.less]] (2 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/MultimediaViewer/+/584b7f63ed5832e55ba259d0c2c2d5a5c0103af5/resources/mmv/ui/mmv.ui.metadataPanel.less|resources/mmv/ui/mmv.ui.metadataPanel.less]] (3 matches)
[ ] mediawiki/extensions/OAuth (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/OAuth/+/ec9d8e8075a48b8406277450c475150694504759/resources/modules/ext.MWOAuth.AuthorizeForm.less|resources/modules/ext.MWOAuth.AuthorizeForm.less]] (1 matches)
[ ] mediawiki/extensions/PageTriage (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/PageTriage/+/693f19bbfc94484bbcdd5ed522d912c0ef7343e6/modules/ext.pageTriage.toolbar/tags.less|modules/ext.pageTriage.toolbar/tags.less]] (1 matches)
[x] mediawiki/extensions/Popups (3 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Popups/+/f3f397e252733187c4289fe266632ea00cd686b6/src/ui/templates/popup/popup.less|src/ui/templates/popup/popup.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Popups/+/f3f397e252733187c4289fe266632ea00cd686b6/src/ui/templates/preview/preview.less|src/ui/templates/preview/preview.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Popups/+/f3f397e252733187c4289fe266632ea00cd686b6/src/ui/templates/settingsDialog/settingsDialog.less|src/ui/templates/settingsDialog/settingsDialog.less]] (6 matches)
[ ] mediawiki/extensions/RevisionSlider (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/RevisionSlider/+/fa8300af53a927ad3b6cb1bc1e0564777aa39347/modules/ext.RevisionSlider.less|modules/ext.RevisionSlider.less]] (2 matches)
[ ] mediawiki/extensions/TemplateWizard (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/TemplateWizard/+/f5c98b8771e5c658eb455f994cdebeb19507ba3f/resources/ext.TemplateWizard.less|resources/ext.TemplateWizard.less]] (1 matches)
[ ] mediawiki/extensions/TimedMediaHandler (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/TimedMediaHandler/+/3b4edb42ea5156ffa44001776df48f5b96a0a016/resources/ext.tmh.player.inline.styles.less|resources/ext.tmh.player.inline.styles.less]] (2 matches)
[ ] mediawiki/extensions/Translate (2 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Translate/+/3f872a7ce0ebf3c9ba9fee75a10e50ba7b310053/resources/css/ext.translate.groupselector.less|resources/css/ext.translate.groupselector.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Translate/+/3f872a7ce0ebf3c9ba9fee75a10e50ba7b310053/resources/css/ext.translate.messagetable.less|resources/css/ext.translate.messagetable.less]] (5 matches)
[ ] mediawiki/extensions/UniversalLanguageSelector (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/UniversalLanguageSelector/+/fd347774bcab0a7efd4d5336be1cd51ec3773a14/resources/css/ext.uls.compactlinks.less|resources/css/ext.uls.compactlinks.less]] (1 matches)
[ ] mediawiki/extensions/UploadWizard (2 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/UploadWizard/+/2c0bb9c8cf360130919219864c0b2c40706e9556/resources/ui/steps/uw.ui.Deed.less|resources/ui/steps/uw.ui.Deed.less]] (4 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/UploadWizard/+/2c0bb9c8cf360130919219864c0b2c40706e9556/resources/ui/steps/uw.ui.Details.less|resources/ui/steps/uw.ui.Details.less]] (1 matches)
[ ] mediawiki/extensions/VisualEditor (2 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/VisualEditor/+/adaf850420bb6deed525ce44560a19207aaf425a/modules/ve-mw/preinit/styles/ve.init.MWVESwitchConfirmDialog-apex.less|modules/ve-mw/preinit/styles/ve.init.MWVESwitchConfirmDialog-apex.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/VisualEditor/+/adaf850420bb6deed525ce44560a19207aaf425a/modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage.less|modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage.less]] (1 matches)
[ ] mediawiki/extensions/WikiLove (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/WikiLove/+/36f8bdba725a3f4c5f2c0a8efaaf9dfc4ad4f9de/resources/ext.wikiLove.less|resources/ext.wikiLove.less]] (2 matches)
[ ] mediawiki/extensions/Wikistories (2 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Wikistories/+/80bfcb29c319d9ed8e5c201dc873f58d9ee961e5/resources/ext.wikistories.discover/discover.less|resources/ext.wikistories.discover/discover.less]] (3 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/extensions/Wikistories/+/80bfcb29c319d9ed8e5c201dc873f58d9ee961e5/resources/ext.wikistories.viewer-nojs/viewer-nojs.less|resources/ext.wikistories.viewer-nojs/viewer-nojs.less]] (1 matches)
[ ] mediawiki/skins/MinervaNeue (3 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/skins/MinervaNeue/+/93ccb7c0d883c6524a24d4ba9d2a4e331a0b520c/resources/skins.minerva.base.styles/print/article.less|resources/skins.minerva.base.styles/print/article.less]] (9 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/skins/MinervaNeue/+/93ccb7c0d883c6524a24d4ba9d2a4e331a0b520c/resources/skins.minerva.base.styles/print/footer.less|resources/skins.minerva.base.styles/print/footer.less]] (2 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/skins/MinervaNeue/+/93ccb7c0d883c6524a24d4ba9d2a4e331a0b520c/resources/skins.minerva.loggedin.styles/styles.less|resources/skins.minerva.loggedin.styles/styles.less]] (1 matches)
[ ] mediawiki/skins/Vector (3 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/skins/Vector/+/49152c98a443a177204753ad29547e389daddd5a/resources/skins.vector.styles/components/Icon.less|resources/skins.vector.styles/components/Icon.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/skins/Vector/+/49152c98a443a177204753ad29547e389daddd5a/resources/skins.vector.styles.legacy/typography.less|resources/skins.vector.styles.legacy/typography.less]] (1 matches)
** [[https://gerrit.wikimedia.org/g/mediawiki/skins/Vector/+/49152c98a443a177204753ad29547e389daddd5a/skinStyles/ext.echo.styles.alert.less|skinStyles/ext.echo.styles.alert.less]] (1 matches)
[ ] mediawiki/skins/WikimediaApiPortal (1 files)
** [[https://gerrit.wikimedia.org/g/mediawiki/skins/WikimediaApiPortal/+/bac669a1c6fb3e41d0843f342cbe1763268a1ff9/resources/skin.wikimediaapiportal.styles/common-fixes.less|resources/skin.wikimediaapiportal.styles/common-fixes.less]] (2 matches)
# Open questions
* How should icons scale with different font sizes? (follow up work for T365731 )