From Wikipedia, the free encyclopedia


Edit request 21 April 2024

A longstanding issue is that you have to scroll sideways on episode lists that have a lot of columns on mobile phones. In the "ShortSummary" section, the text box is as wide as the headers, meaning you have to scroll sideways to read the end of each sentence if there's a lot of columns, making it nigh unreadable unless you tilt your phone on mobile. See previous archived discussions here, here, an acrimonious and uncivil but more in depth discussion here, and a discussion the same as my proposed solution here. My previous talk page section after I first implemented my solution is here. Please see that section for the full details. I propose to wrap the description text in a div and set the max-width of that div to 90vw (90% of the viewport (window) size. Here is the diff where I have just made the changes to the sandbox again, you can see the difference in testcases on a mobile phone. I'm not saying this is the ideal solution, please let me know if there's any other better ones. MarkiPoli ( talk) 07:42, 21 April 2024 (UTC) reply

 Not done for now: You will need to demonstrate consensus for a particular change before we can implement — Martin ( MSGJ ·  talk) 11:21, 24 April 2024 (UTC) reply
As far as I can tell, this appears to be the best solution in that the summaries in the testcases on desktop still appear at full width, but upon viewing on mobile do "fit" better. The only problem then is if you scroll the headers you get a lot of blank space to the right of the summaries. Would be curious if other also have thoughts on this. - Favre1fan93 ( talk) 17:54, 24 April 2024 (UTC) reply
What if we made the div element sticky? That would keep it visible on the screen even when scrolling. I made a quick mockup of it here. RunningTiger123 ( talk) 03:36, 25 April 2024 (UTC) reply
This seems good, did you actually do the Lua coding for it though? MarkiPoli ( talk) 17:18, 25 April 2024 (UTC) reply
I also like that. Does making it "sticky" conflict with any sort of WP:ACCESS needs? MarkiPoli, it appears it was only hardcoded within the summary parameter. Someone would need to translate this to Lua to see how it works in that instance. - Favre1fan93 ( talk) 22:03, 25 April 2024 (UTC) reply
I added the CSS properties to the Lua module ( diff). It seems to work, though it might be good to tweak the left parameter (there is normally some padding between the left edge of the cell and the start of the text, which goes away when scrolling). As far as the use of floating elements, I don't know how that affects accessibility – a quick search of WCAG doesn't seem to turn up any issues regarding divs or floating elements, but I'm far from an expert. RunningTiger123 ( talk) 23:23, 25 April 2024 (UTC) reply
Correction: The summary text appears in front of the headers as it scrolls up the page, but I think that's because I have "Make headers of tables display as long as the table is in view" turned on in my gadgets, not a wider issue. RunningTiger123 ( talk) 23:26, 25 April 2024 (UTC) reply
The examples in the testcases all appear to behave correctly. I say this could probably move forward pending any further editor comments. - Favre1fan93 ( talk) 20:48, 26 April 2024 (UTC) reply
I tweaked the floating element to add 0.2em padding – this ensures the text doesn't hit the edge of the table. RunningTiger123 ( talk) 15:58, 27 April 2024 (UTC) reply

I am reopening the edit request with the changes discussed above; see these sandbox changes as reference. RunningTiger123 ( talk) 03:08, 2 May 2024 (UTC) reply

@ RunningTiger123 and MarkiPoli:  Done - Favre1fan93 ( talk) 23:52, 2 May 2024 (UTC) reply

Dark mode adjustments

With the rollout of the official dark mode across Wikipedia, I've started looking to see how our templates are rendering on my mobile device. I'm noticing some unnecessary coloring between transcluded/non-summary rows and rows with summaries. Take List of Agents of S.H.I.E.L.D. episodes ( dark mode force) and Agents of S.H.I.E.L.D. season 7 ( dark mode force) for example. All of the transcluded tables at the episodes list look to render the cells correctly for night mode (or as one would expect), but as can be seen on the season 7 article, all the cells except the first are using a light grey background, which I think I'm attributing to the "Row Color" function in the Lua code. Wanted to flag so someone more versed in Lua than me can hopefully address this. Also begs the question if "Row Color" and the alternating greys is even worth having anymore. - Favre1fan93 ( talk) 18:30, 3 July 2024 (UTC) reply

Courtesy ping to Alex 21 if you might have a chance to see what's up here. - Favre1fan93 ( talk) 17:06, 7 July 2024 (UTC) reply

Difference between {{ Episode list}} & {{ Episode list/sublist}}?

The documentation page Template:Episode list/doc, which seems to be shared between templates {{ Episode list}} & {{ Episode list/sublist}}, does not state anywhere what is the real difference between both templates. Also, all examples shown there use {{ Episode list/sublist}} but not {{ Episode list}}. So, what is the real difference between both templates? ‐⁠‑🌀⁠ SilSinn AL982100💬 19:45, 15 July 2024 (UTC) reply

I've updated the documentation to make this clearer; see Template:Episode list#Transclusion of the list on another page. -- Alex_21  TALK 07:51, 16 July 2024 (UTC) reply
From Wikipedia, the free encyclopedia


Edit request 21 April 2024

A longstanding issue is that you have to scroll sideways on episode lists that have a lot of columns on mobile phones. In the "ShortSummary" section, the text box is as wide as the headers, meaning you have to scroll sideways to read the end of each sentence if there's a lot of columns, making it nigh unreadable unless you tilt your phone on mobile. See previous archived discussions here, here, an acrimonious and uncivil but more in depth discussion here, and a discussion the same as my proposed solution here. My previous talk page section after I first implemented my solution is here. Please see that section for the full details. I propose to wrap the description text in a div and set the max-width of that div to 90vw (90% of the viewport (window) size. Here is the diff where I have just made the changes to the sandbox again, you can see the difference in testcases on a mobile phone. I'm not saying this is the ideal solution, please let me know if there's any other better ones. MarkiPoli ( talk) 07:42, 21 April 2024 (UTC) reply

 Not done for now: You will need to demonstrate consensus for a particular change before we can implement — Martin ( MSGJ ·  talk) 11:21, 24 April 2024 (UTC) reply
As far as I can tell, this appears to be the best solution in that the summaries in the testcases on desktop still appear at full width, but upon viewing on mobile do "fit" better. The only problem then is if you scroll the headers you get a lot of blank space to the right of the summaries. Would be curious if other also have thoughts on this. - Favre1fan93 ( talk) 17:54, 24 April 2024 (UTC) reply
What if we made the div element sticky? That would keep it visible on the screen even when scrolling. I made a quick mockup of it here. RunningTiger123 ( talk) 03:36, 25 April 2024 (UTC) reply
This seems good, did you actually do the Lua coding for it though? MarkiPoli ( talk) 17:18, 25 April 2024 (UTC) reply
I also like that. Does making it "sticky" conflict with any sort of WP:ACCESS needs? MarkiPoli, it appears it was only hardcoded within the summary parameter. Someone would need to translate this to Lua to see how it works in that instance. - Favre1fan93 ( talk) 22:03, 25 April 2024 (UTC) reply
I added the CSS properties to the Lua module ( diff). It seems to work, though it might be good to tweak the left parameter (there is normally some padding between the left edge of the cell and the start of the text, which goes away when scrolling). As far as the use of floating elements, I don't know how that affects accessibility – a quick search of WCAG doesn't seem to turn up any issues regarding divs or floating elements, but I'm far from an expert. RunningTiger123 ( talk) 23:23, 25 April 2024 (UTC) reply
Correction: The summary text appears in front of the headers as it scrolls up the page, but I think that's because I have "Make headers of tables display as long as the table is in view" turned on in my gadgets, not a wider issue. RunningTiger123 ( talk) 23:26, 25 April 2024 (UTC) reply
The examples in the testcases all appear to behave correctly. I say this could probably move forward pending any further editor comments. - Favre1fan93 ( talk) 20:48, 26 April 2024 (UTC) reply
I tweaked the floating element to add 0.2em padding – this ensures the text doesn't hit the edge of the table. RunningTiger123 ( talk) 15:58, 27 April 2024 (UTC) reply

I am reopening the edit request with the changes discussed above; see these sandbox changes as reference. RunningTiger123 ( talk) 03:08, 2 May 2024 (UTC) reply

@ RunningTiger123 and MarkiPoli:  Done - Favre1fan93 ( talk) 23:52, 2 May 2024 (UTC) reply

Dark mode adjustments

With the rollout of the official dark mode across Wikipedia, I've started looking to see how our templates are rendering on my mobile device. I'm noticing some unnecessary coloring between transcluded/non-summary rows and rows with summaries. Take List of Agents of S.H.I.E.L.D. episodes ( dark mode force) and Agents of S.H.I.E.L.D. season 7 ( dark mode force) for example. All of the transcluded tables at the episodes list look to render the cells correctly for night mode (or as one would expect), but as can be seen on the season 7 article, all the cells except the first are using a light grey background, which I think I'm attributing to the "Row Color" function in the Lua code. Wanted to flag so someone more versed in Lua than me can hopefully address this. Also begs the question if "Row Color" and the alternating greys is even worth having anymore. - Favre1fan93 ( talk) 18:30, 3 July 2024 (UTC) reply

Courtesy ping to Alex 21 if you might have a chance to see what's up here. - Favre1fan93 ( talk) 17:06, 7 July 2024 (UTC) reply

Difference between {{ Episode list}} & {{ Episode list/sublist}}?

The documentation page Template:Episode list/doc, which seems to be shared between templates {{ Episode list}} & {{ Episode list/sublist}}, does not state anywhere what is the real difference between both templates. Also, all examples shown there use {{ Episode list/sublist}} but not {{ Episode list}}. So, what is the real difference between both templates? ‐⁠‑🌀⁠ SilSinn AL982100💬 19:45, 15 July 2024 (UTC) reply

I've updated the documentation to make this clearer; see Template:Episode list#Transclusion of the list on another page. -- Alex_21  TALK 07:51, 16 July 2024 (UTC) reply

Videos

Youtube | Vimeo | Bing

Websites

Google | Yahoo | Bing

Encyclopedia

Google | Yahoo | Bing

Facebook