Template talk:Main Page/styles.css

From Meta, a Wikimedia project coordination wiki

Protected edit request on 21 October 2021[edit]

Please after the lines 34-37:

.MainPage__block_contents {
	padding: 0 2vw 0;
}

add the block:

.MainPage__block_contents ul {
    list-style-type: '»  ';
    list-style-image: none;
}
.MainPage__block_contents > [dir="rtl"] ul {
    list-style-type: '  «';
}

This adds back the arrow list styling. Now that these lists are proper lists. —TheDJ (talkcontribs) 20:21, 21 October 2021 (UTC)[reply]

TheDJ, does MediaWiki support <string> values on list-style-type? When I tried to put both blocks, I got the message “Invalid or unsupported value for property $3 at line $1 character $2.” Best, Sgd. —Hasley 22:21, 21 October 2021 (UTC)[reply]
@TheDJ and Hasley: It’s not about MediaWiki core, but the TemplateStyles extension, which artificially constrains what CSS can be used, I think mainly for security reasons (clever use of CSS can breach users’ privacy, and most TemplateStyles stylesheets can be edited even by anons), but it also ensures some standard of browser support by excluding nonstandard or not yet widely adopted properties. (MediaWiki core—for example in Common.css or gadgets—doesn’t include such restrictions, it instead restricts who can edit those pages.) String values for list-style-type are only supported in Chrome versions released in the past 22 months, Edges released in the past 21 months, Samsung browsers since summer 2020; Safari has supported it for only half a year so far, and Internet Explorer doesn’t support it all. (Firefox has supported it for more than half a decade.) You could try getting it allowed on Phabricator as explained on the extension’s mediawiki.org page, but I think it’s a bit early. Maybe we could use li::before instead to achieve more or less the same effect. (Interestingly, the ::marker pseudo-element seems not to be disabled, but it has even much poorer browser support.) —Tacsipacsi (talk) 17:46, 23 October 2021 (UTC)[reply]
hmm, i hadn't checked this specifically with templatestyles indeed, only in my local css. I'll find a workaround indeed. —TheDJ (talkcontribs) 12:31, 24 October 2021 (UTC)[reply]

Protected edit request on 1 July 2022[edit]

Extended content
Line 34: Line 34:
.MainPage__block_contents { .MainPage__block_contents {
padding: 0 2vw 0; padding: 0 2vw 0;
}
#mf-intro {
line-height: 1.3em;
} }
.MainPage__block_heading { .MainPage__block_heading {

Currently the intro looks a bit busy. Its line-height should be increased. NguoiDungKhongDinhDanh 19:47, 1 July 2022 (UTC)[reply]

Donexaosflux Talk 14:34, 13 July 2022 (UTC)[reply]