MediaWiki:Common.css: Difference between revisions

Revision as of 17:08, 16 August 2025

/* Put title + shortdesc on the left, toolbar on the right (Vector 2022) */
@media (min-width: 720px) {
  /* Turn the titlebar into a 2x2 grid */
  .skin-vector-2022 .vector-page-titlebar {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title toolbar"
      "subtitle toolbar";
    align-items: end;
    column-gap: 0.75rem;
    row-gap: 0.15rem;
  }

  /* Title occupies the top-left */
  .skin-vector-2022 .mw-page-title-main {
    grid-area: title;
    margin-bottom: 0; /* avoid extra gap above subtitle */
  }

  /* Short description sits directly under the title */
  .skin-vector-2022 #siteSub {
    grid-area: subtitle;
    display: block !important;
    font-size: 0.9em;
    color: #54595d;
    margin: 0 0 0.8rem 0;
  }

  /* Toolbar hugs the right, spanning both rows */
  .skin-vector-2022 .vector-page-toolbar {
    grid-area: toolbar;
    justify-self: end;
  }
}