Content deleted Content added
m Archiving 1 discussion(s) from Template talk:WPBannerMeta) (bot |
m Archiving 1 discussion(s) from Template talk:WPBannerMeta) (bot |
||
Line 211:
:::::Perhaps not, because nothing is assigning this class as far as I see. <span class="nowrap">—'''[[User:CX Zoom|CX Zoom]]'''[he/him]</span> <sup class="nowrap">([[User talk:CX Zoom|let's talk]] • {[[Special:Contributions/CX Zoom|C]]•[[User:CX Zoom/X|X]]})</sup> 18:13, 27 July 2023 (UTC)
::::::Okay I've removed it — Martin <small>([[User:MSGJ|MSGJ]] · [[User talk:MSGJ|talk]])</small> 18:31, 27 July 2023 (UTC)
== Mobile version ==
There are a number of presentation issues with WPBM/WPBS on mobile version. So, let's take an example to go through them: Open [[Talk:Salimata Diarra]]. Banners are found in the "Learn more about this page" option.
# As long as banners are collapsed, their headers are nicely aligned. Upon exanding, some header texts stay where they were, others jump around forward or backward. This behaviour is unique to portrait mode. Landscape mode reflects the desktop behaviour.
# The css defining width of WPBS should be modified to use whatever css its <code>|blp=yes</code> note is using. If you try the talk page in landscape mode, you would realise that it's 80% width is clearly not enough for the amount of text a banner carries. Further, it is left-aligned, unlike center-alignment as in desktop. It is also very disturbing that some banners (like <code>|blp=yes</code>, {{tl|old move}}, etc.) have 100% width, while this one, out of everyone, has just 80%.
# {{multiple images|image1=WikiProject banners on mobile screenshot by CX Zoom 1.jpg|caption1=[[Talk:Marcel Lăzăreanu]]|image2=WikiProject banners on mobile screenshot by CX Zoom 2.jpg|caption2=[[Talk:Salimata Diarra]]}} Some banners are just weirdly incomplete in their collapsed versions (again, portrait mode problem; it is fine in landscape mode). See WikiProject Africa & WikiProject Romania examples in the pics attached.
<span class="nowrap">—'''[[User:CX Zoom|CX Zoom]]'''[he/him]</span> <sup class="nowrap">([[User talk:CX Zoom|let's talk]] • {[[Special:Contributions/CX Zoom|C]]•[[User:CX Zoom/X|X]]})</sup> 07:14, 26 July 2023 (UTC)
:.#3 probably happens because the header cell is automatically forced to fit-content. In WP Africa & WP Romania, header has so few content that the table-row needs not fill the entire space allotted to it. The others have so much content that it necessitates a line-wrap, in such case it chooses to take the whole 100% of the space. This behaviour is unseen on landscape mode though. <span class="nowrap">—'''[[User:CX Zoom|CX Zoom]]'''[he/him]</span> <sup class="nowrap">([[User talk:CX Zoom|let's talk]] • {[[Special:Contributions/CX Zoom|C]]•[[User:CX Zoom/X|X]]})</sup> 12:24, 26 July 2023 (UTC)
::I have no suggestions, only a comment that the documentation currently says "This template does not display in the mobile view of Wikipedia; it is desktop only." — Martin <small>([[User:MSGJ|MSGJ]] · [[User talk:MSGJ|talk]])</small> 22:13, 26 July 2023 (UTC)
:::That was true for all tmboxes once upon a time, but now they all display. {{tl|requested move/dated}} is another example. <span class="nowrap">—'''[[User:CX Zoom|CX Zoom]]'''[he/him]</span> <sup class="nowrap">([[User talk:CX Zoom|let's talk]] • {[[Special:Contributions/CX Zoom|C]]•[[User:CX Zoom/X|X]]})</sup> 22:34, 26 July 2023 (UTC)
::::Have you noticed these issues recently or has it been like this for a long time? — Martin <small>([[User:MSGJ|MSGJ]] · [[User talk:MSGJ|talk]])</small> 21:22, 27 July 2023 (UTC)
:::::I don't remember the exact date of tmboxes becoming visible, but it happened sometime after 8 June 2022 (when I had asked a certain question on VPT). I think [[Template talk:Mbox#Tmboxes not visible on mobile (all other mboxes are)|this discussion from September]] has some context. As far as I remember the issues have been there ever since they became visible on mobile. <span class="nowrap">—'''[[User:CX Zoom|CX Zoom]]'''[he/him]</span> <sup class="nowrap">([[User talk:CX Zoom|let's talk]] • {[[Special:Contributions/CX Zoom|C]]•[[User:CX Zoom/X|X]]})</sup> 07:56, 28 July 2023 (UTC)
::::::@[[User:Izno|Izno]]: Do you know when tmboxes started to be visible on mobile? <span class="nowrap">—'''[[User:CX Zoom|CX Zoom]]'''[he/him]</span> <sup class="nowrap">([[User talk:CX Zoom|let's talk]] • {[[Special:Contributions/CX Zoom|C]]•[[User:CX Zoom/X|X]]})</sup> 07:58, 28 July 2023 (UTC)
:::::::December 2022 or January 2023. Discussions like [[Template_talk:Article_history/Archive_10#Remove_some_styles_to_improve_mobile_version|this one for article history]] and [[Template_talk:WPBannerMeta/Archive_13#Remove_some_styles_to_improve_mobile_version|this one for WPBM]] were due to it. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 15:16, 28 July 2023 (UTC)
:You identified the issue with #3: <code>mw-collapsible</code> tables that do not have an explicit (minimum) width set, so the box collapses. (Memory says this doesn't happen with divs, so it would be fixed in a divification of tmboxes. Which is on the todo list somewhere.) This can be fixed trivially in WPBS CSS for the moment since you always want these to be 100% width.
:1. is caused by the difference in width caused by the words <code>show</code> and <code>hide</code> (seriously; it's even worse with the default names expand and collapse). This is possible to fix using some margin on a second container for the title (IDK if that already exists). This is how Navbox currently does it, because Navbox needs things to be centered. It might also be fixable if we set show/hide in this template to display: inline-block and give it a reasonable width (4ems is the amount of margin Navbox uses), but I haven't tried that. (NB this is why some templates like Article history's show/hide as well as a few of our collapse templates cause some flicker when collapsing/uncollapsing, since they're using text-align: center rather than what Navbox does, which is more involved. I'm just lazy since the solution requires enough work in multiple templates that like to support different locations for the title of the collapsed content.)
:2. is something that honestly can't be fixed without divification. I have tried multiple times to get it the way everyone wants it for all tmboxes as tables. Tmbox divification is non-trivial because of the fact there are multiple templates using the styles that aren't a function of [[Module:Message box]]. [https://en.wikipedia.org/w/index.php?search=contentmodel%3Asanitized-css+insource%3A%2Fmin-width+*%3A+*%5B0-9%5D*%25%2F+-intitle%3A%2F%5C%2Fsandbox%2F&title=Special%3ASearch&profile=advanced&fulltext=1&ns10=1&ns828=1 This search] has a list of the ones that need adjustment (and some false positives), but it's not a large number. I got started with a more incremental step somewhere about whether a message box uses divs or tables for layout that allows each type to opt in, which would at least get us toward deploying it for some places, but I seem to have misplaced the sandbox. I'll look for that. [[User:Izno|Izno]] ([[User talk:Izno|talk]]) 15:36, 28 July 2023 (UTC)
| |||