https://interfaces3.hunter.cryptograss.live/index.php?action=history&feed=atom&title=Template%3ALatest_News%2Fsandbox 2026-11-15T09:07:50Z Revision history for this page on the wiki MediaWiki 1.43.6 https://interfaces3.hunter.cryptograss.live/index.php?title=Template:Latest_News/sandbox&diff=9781&oldid=prev 2026-10-16T23:55:23Z

<p>Sandbox: make the news band an actual flex row, so the first screenful is not half empty (via create-page on MediaWiki MCP Server)</p> <p><b>New page</b></p><div>&lt;noinclude&gt;<br /> A sandbox for [[Template:Latest News]]. See [[Template:Latest News/sandbox/preview]]<br /> for it rendered.<br /> <br /> The live template wraps the photo and the headlines in a plain<br /> &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; whose children are styled &lt;code&gt;flex:1&lt;/code&gt; — but<br /> nothing ever sets &lt;code&gt;display:flex&lt;/code&gt; on the parent, so the two columns<br /> were never columns. The photo floats left, the one headline sits beside it, and<br /> the rest of the band is empty space: on a 1280px screen that is most of the<br /> first thing anyone sees.<br /> <br /> &lt;code&gt;display:flow-root&lt;/code&gt; on the photo column is what contains the float;<br /> without it the column has a floated child and no height of its own, and the<br /> flex row collapses.<br /> &lt;/noinclude&gt;&lt;includeonly&gt;&lt;div style=&quot;display:flex; gap:1.5em; flex-wrap:wrap; align-items:flex-start;&quot;&gt;<br /> &lt;div style=&quot;flex:0 1 auto; min-width:0; display:flow-root;&quot;&gt;<br /> {{NewsPhoto}}<br /> &lt;div style=&quot;font-size:.85em; clear:both;&quot;&gt;<br /> &lt;small&gt;Photo updated &lt;span class=&quot;timeago&quot; data-lastmod-page=&quot;Template:NewsPhoto&quot;&gt;&lt;/span&gt;&lt;/small&gt;<br /> &lt;small&gt;[https://pickipedia.xyz/index.php?title=Template:NewsPhoto&amp;action=edit edit] · [https://pickipedia.xyz/index.php?title=Template:NewsPhoto&amp;action=history history]&lt;/small&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;flex:1 1 22em; min-width:0;&quot;&gt;<br /> {{NewsShorts}}<br /> ----<br /> &lt;small&gt;(headlines updated &lt;span class=&quot;timeago&quot; data-lastmod-page=&quot;Template:NewsShorts&quot;&gt;&lt;/span&gt;)&lt;/small&gt;<br /> &lt;small&gt;[https://pickipedia.xyz/index.php?title=Template:NewsShorts&amp;action=edit edit] · [https://pickipedia.xyz/index.php?title=Template:NewsShorts&amp;action=history history]&lt;/small&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;&lt;/includeonly&gt;</div>

Magent