Vector should mark language-neutral blockquotes
Open, MediumPublic
Actions

Assigned To

None

Authored By

	Volker_E
	Apr 19 2017, 10:29 PM

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.

Related Objects

Mentioned In: T219222: Make notification counts update without page reload
Mentioned Here: T114885: Mobile should equip blockquote with language dependent quotation marks

Event Timeline

Volker_E created this task.Apr 19 2017, 10:29 PM

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 Medium priority.Aug 18 2017, 9:38 PM

I'll mentor this.

@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?

Aklapper moved this task from Proposed tasks to Information needed on the Google-Code-in-2018 board.Oct 12 2018, 6:44 PM

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.

Liuxinyu970226 subscribed.Oct 21 2018, 1:59 AM

kostajh mentioned this in T219222: Make notification counts update without page reload.Apr 2 2019, 8:27 PM

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

	F5007342: iPhone 7 Copy 2.png
	Apr 19 2017, 10:29 PM

	F5007343: iPhone 7 Copy.png
	Apr 19 2017, 10:29 PM

	F5007341: iPhone 7 Copy 4.png
	Apr 19 2017, 10:29 PM

	F5007344: iPhone 7 Copy 3.png
	Apr 19 2017, 10:29 PM

Vector should mark language-neutral blockquotesOpen, MediumPublicActions

Description

Related Objects

Event Timeline

Vector should mark language-neutral blockquotes
Open, MediumPublic
Actions