Page MenuHomePhabricator

Vector should mark language-neutral blockquotes
Open, NormalPublic

Description

Follow-up from T114885 Vector should follow and mark blockquotes similar to mobile.
MinervaNeue provides in blockquotes.less following LESS rule:

blockquote {
	position: relative;
	border-left: 3px solid @colorGray12;
	padding: 1em @blockquotePaddingRight 1em @blockquotePaddingLeft;
	font-family: @fontFamilyHeading;
	font-size: 1.1em;
	overflow: hidden;
}

Vector should provide the same styles for blockquote.

Original designs by @Nirzar based on our discussion:

Latin will use serif + italics. this can be done with css selector for latin scripts


on tablets

Non latin will use regular type with larger font size


Another stylistic variation

NOTE: the text in mockup is lorem ipsum for non latin scripts.

Event Timeline

Restricted Application added a project: UI-Standardization. · View Herald TranscriptApr 19 2017, 10:29 PM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript

And the correct dash for English language (and also transferrable into German), is the horizontal bar:
U+2015 ―

Volker_E triaged this task as Normal priority.Aug 18 2017, 9:38 PM

@Volker_E: As a newcomer and student, am I supposed to provide a patch for https://www.mediawiki.org/wiki/Skin:Vector ?
Any further pointers / docs what I'd be supposed to do or skills I need? To see how "mobile" does it, would I have to check MinervaNeue code or such?

Volker_E updated the task description. (Show Details)Oct 13 2018, 6:28 PM

@Aklapper Thanks for the question, yes:
A patch for Vector skin should be provided best-possibly into components/common.less under .mw-body-content {}. I've also updated the task description accordingly to point to the corresponding MinervaNeue piece of code.

DovAlp added a subscriber: DovAlp.May 10 2019, 3:50 PM

I'll give this a try! Let me see what I can do.