Template talk:Category series navigation/Archive 3

max-width
@Tom.Reding, hi, what is the point of  that you added?

You get a weird look on small screens. Jack who built the house (talk) 15:38, 14 December 2023 (UTC)


 * thanks for the image. I originally added max-width to the sandbox here, probably from Module:Navseasoncats with year navigation. Since that module was deleted, I can't check the history for who put that in, but I don't think it was me, and I have a hunch that it was, who is unfortunately also unreachable for now. But I also have a hunch that it has/had to do with navs that have a stack of portals on the right side of the page such as Year in nationality television category's use on :

   Television portal   United States portal   1950s portal  The main article for this category is 1957 in American television. 


 * I removed  in the sandbox, which produces:

   Television portal   United States portal </li><li class="portalbox-entry">  1950s portal </li></ul><templatestyles src="Module:Hatnote/styles.css"> The main article for this category is 1957 in American television.


 * which I think is an improvement. The portals do eventually invade onto the upper nav, but only at very narrow widths, and there is much less forced whitespace at all widths, and the navs are closer to the center of page to boot.


 * Category:2014's live & sandbox navs for comparison:

<div style="display:block !important; max-width: calc(100% - 25em);">


 * What do you think?  ~ Tom.Reding (talk ⋅dgaf)  16:57, 14 December 2023 (UTC)
 * @Tom.Reding: I think it looks good, and even the portals invade onto the nav, that's expected behavior. Browsers correctly center elements with  when there is a floating element on the right/left (e.g. here the navigation is centered between the left edge of the page and the portals, not the right edge of the page) – there is no need to tweak anything to make it render correctly. Thanks for the quick reaction. Jack who built the house (talk) 17:41, 14 December 2023 (UTC)
 * ✅  ~ Tom.Reding (talk ⋅dgaf)  18:04, 14 December 2023 (UTC)

on certain categories where the amount of text and the number of portals is just right (e.g. ), the upper and lower navs are not horizontally aligned for a range of medium-sized widths (they are properly aligned for both very wide and very narrow widths): <templatestyles src="Module:Portal/styles.css"> <ul role="navigation" aria-label="Portals" class="noprint portalbox portalborder portalright"> <li class="portalbox-entry"> Television portal </li><li class="portalbox-entry">  Ecuador portal </li></ul>Television series which originated in  Ecuador in the decade 2000s. i.e. in the years 2000 to 2009. Television shows that originated in other countries and only later aired in Ecuador should be removed from this category and its sub-categories

The simplest solution is to add a Clear before Category series navigation in the category template, in this case Decade nationality television series category/core/sandbox: <templatestyles src="Module:Portal/styles.css"> <ul role="navigation" aria-label="Portals" class="noprint portalbox portalborder portalright"> <li class="portalbox-entry"> Television portal </li><li class="portalbox-entry">  Ecuador portal </li></ul>Television series which originated in  Ecuador in the decade 2000s. i.e. in the years 2000 to 2009. Television shows that originated in other countries and only later aired in Ecuador should be removed from this category and its sub-categories

~ Tom.Reding (talk ⋅dgaf) 16:45, 26 December 2023 (UTC)
 * @Tom.Reding: You're right: clear is a simple solution. But a dirty one. I believe the solution should be to wrap the whole block in an element with appropriate CSS so that they are aligned together. It can also be a good idea to get rid of a table here and use a with ARIA attributes like   to make the element accessible. Jack who built the house (talk) 17:20, 26 December 2023 (UTC)
 * That definitely sounds better. Could you demonstrate that on the necessary Decade nationality television series category sandboxes?  ~ Tom.Reding (talk ⋅dgaf)  17:32, 26 December 2023 (UTC)
 * I'll try. Jack who built the house (talk) 17:42, 26 December 2023 (UTC)

@Tom.Reding: here you go:

<templatestyles src="Module:Category series navigation/styles.css" /><ul role="navigation" aria-label="Portals" class="noprint portalbox portalborder portalright"> <li class="portalbox-entry"> Television portal </li><li class="portalbox-entry">  Ecuador portal </li></ul>Television series which originated in  Ecuador in the decade 2000s. i.e. in the years 2000 to 2009. Television shows that originated in other countries and only later aired in Ecuador should be removed from this category and its sub-categories <ul><li> 1950s </li><li> 1960s </li><li> 1970s </li><li> 1980s </li><li> 1990s </li><li>2000s</li><li>2010s</li><li> 2020s </li><li> 2030s </li><li> 2040s </li><li> 2050s </li></ul> <ul><li> 16th </li><li> 17th </li><li> 18th </li><li> 19th </li><li> 20th </li><li>21st</li><li> 22nd </li><li> 23rd </li><li> 24th </li><li> 25th </li><li> 26th </li></ul>

I changed Module:Category series navigation/sandbox and added Module:Category series navigation/styles.css. Jack who built the house (talk) 23:18, 26 December 2023 (UTC)


 * thank you for that. I'm not familiar with css at all. That was a lot more complex and broader in scope than I was expecting!
 * I created Template:Category series navigation/testcases17 for 1, 2, and 3 portals, and looked through all the other testcases, and they all look good. However, syntax highlighting and the shortened heading in the section below suggest there's a missing  somewhere.
 * After looking at Template:Hlist/styles.css, I'm wondering if the settings in Module:Category series navigation/styles.css need to be checked/tweaked for all skins, or is that something you already did too?  ~ Tom.Reding (talk ⋅dgaf)  06:38, 27 December 2023 (UTC)
 * thank you for that. I'm not familiar with css at all. That was a lot more complex and broader in scope than I was expecting! You're welcome.However, syntax highlighting and the shortened heading in the section below suggest there's a missing somewhere. Ah, that's just me incorrectly copying the result of  . Fixed.I'm wondering if the settings in Module:Category series navigation/styles.css need to be checked/tweaked for all skins, or is that something you already did too? Conversely, I tried to level out the differences between skins (they have them in the   class). But Vector 2022 and Minerva don't have this class (and the top and bottom nav look the same in them), and I didn't touch it. Jack who built the house (talk) 07:20, 27 December 2023 (UTC)
 * it seems I got busy/distracted and did not implement your sandbox changes into the live module. Is everything in the sandbox as you like it? I need to add some BC-functionality, so will piggyback that onto your presumably ready changes.  ~ Tom.Reding (talk ⋅dgaf)  13:35, 28 January 2024 (UTC)
 * @Tom.Reding: Yeah, everything was good at the moment of our dialog. Jack who built the house (talk) 11:56, 29 January 2024 (UTC)

Television season pages
The new naming convention for television season pages seems to have broken navigation with this template. See Category:30 Rock season 1 episodes, which does not link to Category:30 Rock season 2 episodes. Gonnym (talk) 13:04, 2 April 2024 (UTC)
 * I don't have time to dig into the module (which I've never worked with before) but it looks like the code at Module:Category_series_navigation will need to be tweaked, then just modify Module:Category_series_navigation to match. Primefac (talk) 13:12, 2 April 2024 (UTC)
 * ✅!  ~ Tom.Reding (talk ⋅dgaf)  15:31, 2 April 2024 (UTC)