Forums: Index > Village Dump > Extra wide news articles
Note: This topic has been unedited for 160 days. It is considered archived - the discussion is over. Do not add to unless it really needs a response.

Using "Random page" to read through the site, I am finding a fair number of news articles that exceed page width even in Fake Vector. Example:
EDIT:Are you seeing what I'm seeing? There are issues with my letterbox-style laptop screen displaying what others see normally. Here, I can just shrink the page size to get a full view of the news article above, but some of these wide articles require awfully small sizes to display completely.
This is an old problem, I think, and not the fault of Fake Vector. An extra long headline of over 50 characters or so gets the blame, as I don't remember any kind of wrap to make 2 lines in headlines. I was told to make headlines compact from my beginning days here. So, possible solutions:

  1. add scrolling capability/commands. I think this is very messy-looking.
  2. shorten article headlines which means moving the existing news article as the headline is based on the article name. That's okay with me. I can do it and there's really no urgency to fix ancient news articles.
  3. make long headlines wrap/break into two lines. This would then fall onto Llwy-ar-lawr's lap. And it would be more complex than at first glance -- breaking a 65 character headline at 50 characters would look very odd. Makes me prefer option 2 all the more.
  4. something else?

Blame the current online news method of writing long headlines with autowrap and with no editorial oversight. Just say no to long headlines. --Nigel Scribbler sig2 (talk) 22:33, September 26, 2018 (UTC)

Headlines need to be short and sharp. --LaurelsRomArtus*Imperator ITRA (Orate) ® 10:56, September 27, 2018 (UTC)
Short sharp shock? Well, if there are no objections, I'll be an editor like I'm supposed to be and shorten those looooong UnNews headlines (option #2). I'll have to leave a redirect in case there's been a link made. --Nigel Scribbler sig2 (talk) 05:48, October 1, 2018 (UTC)
The problem is {{news}}. It should make the headlines wrap, but it doesn't. Fake Vector is not the place to fix it. I've noticed this before, but I have a scrollbar while you apparently don't. The relevant code used by {{news}} is actually in {{UnNews masthead}}, which for some reason contains a <div style="white-space:nowrap">. Any admin can improve this template as desired (it's fully protected). ❦ Llwy-ar-lawr talkcontribs • 21:06 3 October 2018
Actually that bit isn't around the title -- never mind. ❦ Llwy-ar-lawr talkcontribs • 21:10 3 October 2018
So I know how you can avoid having to shorten headlines. You have to pull the white-space: nowrap from both sides of the template -- the right side is coded inline but the left is defined in the site CSS for the class masthead_right. Then to make wrapped headlines look more sensible there should be a line-height: 100% in the div directly containing the headline. This will make the right area much narrower unfortunately, but any undesired breaks between words can be eliminated with non-breaking spaces. You can see how my changes would look in my sandbox. ❦ Llwy-ar-lawr talkcontribs • 21:34 3 October 2018
Thanks Llwy-ar-lawr. --LaurelsRomArtus*Imperator ITRA (Orate) ® 22:09, October 3, 2018 (UTC)
So you're ok with these changes? Anyone else? ❦ Llwy-ar-lawr talkcontribs • 00:09 4 October 2018
Bwah? Both headline headers display exactly the same for me, on Firefox and Chrome. This is in Fake Vector. Yes, it wraps just fine in Compromise Skin. Yes, I had a scroll bar before in Compromise Skin. The "complaint" was for headline display in Fake Vector which didn't wordwrap back in pseudoVector days since at least mid-2017. So is Fake Vector abandoned at this point? --Nigel Scribbler sig2 (talk) 09:04, October 4, 2018 (UTC)
No, I'm still maintaining Fake Vector. They really look the same to you? I thought you said the problem didn't have anything to do with Fake Vector, and I don't see why it would because it's to do with CSS attributes on a particular template. I've just looked at that page in all the browsers I have, both logged in and logged out, and for the top one the headline wraps and for the bottom one it doesn't wrap and there's a scrollbar. That would be Firefox, Chromium, Opera, Basilisk, Internet Explorer and Microsoft Edge. I'm confused. Maybe this will make more sense after I get some sleep. ❦ Llwy-ar-lawr talkcontribs • 09:56 4 October 2018

Okay, this I can document. This is what I see on either browser, obviously with Fake Vector:
This is with screensize at normal/100%. Mental flash:HAHA! The headline only wordwraps only if I increase screensize to 130%, not just the 120% I tried earlier. Now, remember the "missing" category edit/delete control button issue I reported (the button magically appears when I reduce screensize)? That was something similar. Now I do have a letterbox format screen on my laptop that may have something to do with it. So this then is probably my hardware/settings issue (that I can't find) or some setting higher up the CSS or JS foodchain. Go ahead and roll this out and thanks for solving this irritating problem. I will adapt as needed. --Nigel Scribbler sig2 (talk) 01:00, October 5, 2018 (UTC)

Done. Judging by that screenshot, you use much wider windows than I do -- maybe my example headline wasn't long enough to produce the behavior you complained about (I don't see it going off the page either. I realize now that it would be different with Fake Vector because of the variable page width). I have also fixed the problem with the right set of tabs. ❦ Llwy-ar-lawr talkcontribs • 01:07 6 October 2018