So, {{navbox}}, {{navbar}}, and the rest are ancient and I'd like to update them. Mainly to gain .hlist
support so we can phase out the stupid {{-}}-family of templates used in all of our navigation footers and subzone lists.
I've got {{navbox/dev}} and {{navbar/dev}} synched from enwiki and they mostly work. We need to update sidewide css too (the navbar is still causing issues). I have already added .hlist to mw:common.css and modified navbar/dev to not even bother with talk pages as per our version of navbar, since they never seem to exist. You can check how the new templates look as compared to live by comparing this revision of Template:Navbox/dev/doc with the live version to see what's still acting up. The linked version of the doc uses {{navbox}} instead of {{navbox/dev}}.
Make sure you use my common.css and darkvector.css since the new revision needs updated css that isn't live yet. Darkvector is unmodified from live, but since user css overrides sitewide css, we need to over-override colors back to what's in darkvector. Updated css pushed live (at 21:09, 21 January 2013 (UTC)) make sure to do a hard refresh. Not updating templates until the caches clear.
Why the effort? Instead of doing [[Foo]]{{-}} [[Bar]]{{-}} [[Baz]]
, we'd do:
* [[Foo]]
* [[Bar]]
* [[Baz]]
instead. It gets us this (not linked for demonstration purposes):
- Foo
- Bar
- Baz
(Seriously! Look at the source for this) This is actually standards-compliant and semantically meaningful and it should help reduce the wikicode mess on templates and articles like Instance maps. We still need to update mw:common.css for navbox/navbar and (if necessary) mw:common.js for the show/hide code.
But I'm not making sitewide changes without getting other admins on board, and especially not when I'm falling asleep. It's 2 am as I write this, so I'm going to send out an email to the list (sorry in advance if the email alert on your phone wakes you up!) and then crash for the night. --k_d3 07:17, 20 January 2013 (UTC)
- This would certainly help a lot - personally I hate adding
{{·}}
to those templates. However are we sure that no navbox templates currently use that formatting? If they are and they want to keep it that way, is there a way around it? --g0urra[T҂C] 09:12, 20 January 2013 (UTC)- What do you mean, gourra? To what "they" are you precisely referring? --Sky (talk) 15:50, 20 January 2013 (UTC)
- I meant to say that if people use navboxes that have bullet list formatting, how can we assure that the formatting stays that way for those navboxes? --g0urra[T҂C] 22:18, 20 January 2013 (UTC)
- That's why I haven't pushed this live yet. I don't want to break any current uses that I can't proactively fix with my bot. --k_d3 23:27, 20 January 2013 (UTC)
- Gourra: Hlist is rolled out by adding a class to the navbox, not by automatically adding it in navbox. One of the edge cases on Wikipedia when it was first rolled out was Navbox with columns, which meant hlist couldn't be rolled out default in navbox. Don't worry on that point. It also looks like kd3 will be careful. --Sky (talk) 01:36, 21 January 2013 (UTC)
- I meant to say that if people use navboxes that have bullet list formatting, how can we assure that the formatting stays that way for those navboxes? --g0urra[T҂C] 22:18, 20 January 2013 (UTC)
- What do you mean, gourra? To what "they" are you precisely referring? --Sky (talk) 15:50, 20 January 2013 (UTC)
Status as of now
With the css in User:Kaydeethree/common.css (different than our mw:common.css) and User:Kaydeethree/darkvector.css (which is unmodified from MediaWiki:Darkvector.css) everything on {{Navbox/dev}} appears to work properly. If nobody has objections I'll roll everything live (that is {{Navbox/dev}}, {{Navbar/dev}}, and User:Kaydeethree/common.css) ~24 hours from this post. I'm not planning on modifying mw:common.js since our show/hide code seems to work fine. I could be convinced otherwise, but js isn't my strong-suit. --k_d3 23:59, 20 January 2013 (UTC)
- Template:Navbox/dev#With image, without groups looks broken. Others below that as well. Yes, collapsed navboxes are not functioning properly, unless your css doesn't match the css I'm loading by default. --Sky (talk) 01:40, 21 January 2013 (UTC)
- Long horizontal lists currently do not wrap (see e.g. Instance maps). — foxlit (talk) 18:11, 21 January 2013 (UTC)
I've pushed the css live, so do a hard refresh (ctrl+f5) to get the updated stuff. I'm planning on waiting a bit longer before changing navbox/navbar to make sure everybody has the updated css so things don't look broken.
For a live example (once you've got updated css) look at Quest:Into the Crypts (Alliance) in the quest progression section. All of the quests show the proper section expanded and things should work sanely. --k_d3 21:09, 21 January 2013 (UTC)
- As an aside, I'm thinking about doing something like that for other mists-style daily quest hubs where we have a complete set of different quests every day. This takes up much less space as compared to {{Golden Lotus dailies}}. --k_d3 21:11, 21 January 2013 (UTC)
- Similar wrapping issues on Quest:Into the Crypts (Alliance). You might have to apply your solution to *every* would-be horizontal list. — foxlit (talk) 22:07, 21 January 2013 (UTC)
- I just took out the nowrap for the time being. I expect nearly all of our lists don't want the nowrap behavior anyway.--k_d3 22:28, 21 January 2013 (UTC)
I checked with Edokter on en.wiki. He said he added hwrap for small-width templates, such as sidebars (which we don't use here anymore anyway).
There must be something wrong with our implementation of nowrap. The below table should not have links wrapping, for example. The behavior is most obvious at smaller resolutions by noting the location of the dot list-item separator. --Sky (talk) 22:38, 21 January 2013 (UTC)
- I just took out the nowrap for the time being. I expect nearly all of our lists don't want the nowrap behavior anyway.--k_d3 22:28, 21 January 2013 (UTC)
- Similar wrapping issues on Quest:Into the Crypts (Alliance). You might have to apply your solution to *every* would-be horizontal list. — foxlit (talk) 22:07, 21 January 2013 (UTC)
Gah. This is annoying. I've been pouring over the css inspector here and on enwiki (User:Kaydeethree/Sandbox) and I don't see a difference anywhere that's causing this. Going to keep poking around. --k_d3 01:29, 22 January 2013 (UTC)
(You didn't save the page.)
Whatever the problem is, it's affecting both tables and divs using wiki syntax, but not HTML (which however produces a curious side effect of indentation.). I might recommend getting our MediaWiki install upgraded. --Sky (talk) 02:27, 22 January 2013 (UTC)
Test cases
Table in wiki syntax
|
Div with wiki syntax
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
UL in HTML syntax
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
OL with HTML syntax
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link
- This is a big link
- Small link
- This is the biggest link