Template talk:Routemap

Madurai Metro

Would someone please investigate the new {{Madurai Metro route diagram}} added by VendhanKovan at Madurai Metro. It is putting that article in the hidden Category:Pages with script errors. Is that because {{Madurai Metro color}} currently does not exist? Johnuniq (talk) 02:36, 19 July 2023 (UTC)

Yes, and I've removed it. Premature for a system that doesn't exist yet. Mackensen (talk) 02:52, 19 July 2023 (UTC)

Thanks. Johnuniq (talk) 03:44, 19 July 2023 (UTC)

text-width parameter

It is difficult to use the parameter text-width, as it is not explained here that it accepts multiple values (maybe comma-searated?), see the called Routemap module at row 839. Is it possible to explain how to use it better? ZandDev (msg) 20:01, 6 October 2023 (UTC)

@ZandDev: It is actually explained in Template:Routemap/doc § Dual text sidebar collapsible, although possibly not in a very clear way. I think providing multiple values is only useful for diagrams that use collapsible rows and have text on the left side, which is not very common. Jc86035 (talk) 20:12, 26 February 2024 (UTC)

Export as png or image?

I came across a transport map and wanted to see it larger and save it as a .png, but could not seem to. This seems counterintuitive for a casual user. Am I overlooking something? Has this functionality ever been addressed? Is it even possible? Knulclunk (talk) 17:01, 5 February 2024 (UTC)

@Knulclunk: this is the talk page for discussing improvements to the template {{Routemap}}. Whilst the template does make use of images, they are all relatively simple SVGs such as c:File:BSicon BHF.svg. It certainly doesn't use pre-saved maps. --Redrose64 🌹 (talk) 14:35, 6 February 2024 (UTC)

Changes to BSsplit and BSto display

I have modified the display of {{BSsplit}} and {{BSto}} by using TemplateStyles to ensure that the font size is always the same for the templates when they are used within {{Routemap}}. This is accomplished by adding font-size: 90% to those cases where they are used in the main text cell.

The main result of this is presumably that visual gaps will no longer appear between rows in older diagrams that were constructed before the 2020 font size changes. I believe the templates still comply with the accessibility guidelines, as the smaller font size in both {{BSsplit}} and {{BSto}} is still 85.5% of the regular font size. Please let me know if I broke anything. Jc86035 (talk) 19:58, 26 February 2024 (UTC)

Thanks @Jc86035. Using BSsplit is broken in the mobile view. See Template:Kuala Lumpur–Singapore High Speed Rail for example. Is this something you are able to fix while you're at it? Screenshots: https://ibb.co/b58CHtw (desktop) https://ibb.co/y0CpmT4 (mobile). It feels like there's some CSS cell width inheritance issue in the mobile view, but that's beyond my understanding to try and fix. Thanks. - DCvibes529 ^talk 04:48, 1 March 2024 (UTC)

@DCvibes529: The reason that this occurs is that there are Minerva CSS rules that only come into effect when the window width is 720 px or less. I think width would have to be used with !important in the TemplateStyles stylesheet to override this.

@media all and (max-width:720px) {
  .content table {
    display:block;
    width:100% !important;
    box-sizing:border-box
  }
  (...)
}

Jc86035 (talk) 09:05, 1 March 2024 (UTC)

@DCvibes529: It should have been fixed, although that diagram in particular still doesn't look great on the mobile site because the uses of {{BSsplit}} are on adjacent rows and have overlapping text. It would help to redesign the diagram so that the text isn't so cramped. Jc86035 (talk) 09:54, 1 March 2024 (UTC)

Thank you, that's awesome! - DCvibes529 ^talk 17:29, 5 March 2024 (UTC)

@Jc86035 I'm not sure if this is related to the CSS changes that were done (I'm unable to use preview to test since I don't have edit rights on the template). The mobile view is now broken when used inside an infobox: https://ibb.co/NmYXHFC Example article here: https://en.m.wikipedia.org/wiki/Johor_Bahru%E2%80%93Singapore_Rapid_Transit_System Not sure exactly when it broke but it definitely did not have the horizontal gaps in the past. Is this something you're able to take a look and fix? Thanks - DCvibes529 ^talk 05:33, 18 April 2024 (UTC)

@Jc86035 Another clue from the Yellow Line (BART) page, it appears there are thick borders around the icons now: https://ibb.co/YdkLtrx - DCvibes529 ^talk 05:41, 18 April 2024 (UTC)

@DCvibes529: This appears to have happened due to changes to the mobile CSS for infoboxes. I'll use !important to make the selectors in the {{Routemap}} CSS override the CSS for infoboxes. Jc86035 (talk) 15:59, 11 May 2024 (UTC)