MediaWiki talk:Timeless.css

Latest comment: 5 years ago by Izno in topic Mobile view infoboxes

Mobile view infoboxes edit

Right now in mobile view, thumbs stretch to full width. Infoboxes don't follow suit, so we get some smushed text on the left. (I assume this is because infoboxes are local while files are assumed in core.)

It would be nice to have infoboxes act similarly in the mobile version. This style would also be a bit more similar to MobileFrontend. --Izno (talk) 23:48, 17 July 2018 (UTC)Reply

The rules for such changes are pretty well known. Some of them are present in my 'responsive content' gadget. If you want to move them in here, you are welcome to do so. —TheDJ (talkcontribs) 08:27, 3 August 2018 (UTC)Reply
@TheDJ: I am not an admin, so at best I can make an edit request. :D --Izno (talk) 12:11, 3 August 2018 (UTC)Reply
@Izno: you can test them in your local skin adaptations page and make an edit request yes. My point is: I have quite a few of these kinds of things that I have played with lying around, that need to be verified, tested and maybe deployed, but not enough time to do so. And even less time and appetite to deal with any potential upset users when I make mistakes because I rush things. So I can easily deploy things for others but the prep work for some of these things, while seemingly insignificant, all adds up and I already am working on other things that I might not want to be distracted from. If you are waiting for me for some of these things you might be waiting longer than required. ;) —TheDJ (talkcontribs) 12:56, 3 August 2018 (UTC)Reply
Oh, sure, I just wanted the ping so I could add this to the queue of things to review this weekend :D (I am waiting on phab:T2582 to some extent apparently). As for angry users, this is something of a beta skin. I was browsing entirely by mobile when I left that note, where the behavior of infobox is really sad to me. I'll take a look. --Izno (talk) 13:14, 3 August 2018 (UTC)Reply

Coordinates edit

@TheDJ: You disabled the display of #coordinates some time ago. Timeless now includes the #siteSub, so there should be room to position them at the end of that line under the page heading, at least in the non-mobile views. - Evad37 [talk] 08:24, 3 August 2018 (UTC)Reply

You are welcome to propose some CSS rules that do so ;) —TheDJ (talkcontribs) 08:26, 3 August 2018 (UTC)Reply
@TheDJ: Well, based off what's at MediaWiki:Vector.css, I would suggest
/* Position coordinates */
#coordinates {
	position: absolute;
	top: 6.5em;
	right: 3em;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}
/* correct position for VE */
.ve-ce-surface-enabled #coordinates {
	margin-top: -13em;
}
/* mobile: hide until we find a better spot */
@media screen and ( max-width: 719px ) {
	#coordinates {
		display: none;
	}
}
- Evad37 [talk] 09:21, 3 August 2018 (UTC)Reply
done —TheDJ (talkcontribs) 10:01, 3 August 2018 (UTC)Reply