Template talk:Navbox

Proposed style change

I'm trying to understand this line in .navbox-content .navbox-lists:

    .navbox-content {

        ...

        .navbox-lists {
            grid-area: content;
            display: grid;
-->         grid-template-columns: max-content 1fr;

            ...

This seems to cause space to be reserved for an image even when none is defined, as in {{Classes navbox}}:

Changing that line to grid-template-columns: auto auto; seems to remove the space on navboxes without images, and doesn't appear to change the rendering of navboxes with images.

If that change is safe to make then I'd suggest it, but I'm not sure what purpose the 1fr fraction is meant to serve here, or why max-content is used instead of auto. -Oznogon (talk) 18:37, 31 December 2023 (UTC)

max-height style issue

There's a max-height: 100vh; set in .navbox .navbox-content:

.navbox .navbox-content {
  display:grid;
  line-height:2;
  overflow:hidden;
  grid-template-columns:100%;
  grid-template-areas:'above' 'content' 'below';
  max-height:100vh;
  transition:max-height 0.25s ease-in-out
}

This causes author lists in {{Pathfinder contributors navbox}} that overflow 100vh to be clipped without any indication. To view the scope of the problem, set overflow:scroll; above.

Removing the max-height allows the navbox to expand without cutting off content. -Oznogon (talk) 02:47, 24 January 2024 (UTC)