diff options
| author | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2025-01-15 18:21:39 +0200 |
|---|---|---|
| committer | Olivier Hallot <olivier.hallot@libreoffice.org> | 2025-01-16 18:42:34 +0100 |
| commit | d9104f52a1f7e3b2eee958544659cabb6808cd3c (patch) | |
| tree | fa6e4130c992a1bfd1fb5e8be91128f0e2a0c122 | |
| parent | 8f4c572d64b2fbe1ce66dc917c2709d96a4158fd (diff) | |
Center everything with 1440px width
Change-Id: I4a97df011b58c70f5ff8ef73433d8f6bd325d371
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180297
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
| -rw-r--r-- | help3xsl/default.css | 37 |
1 files changed, 26 insertions, 11 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index f8ea30c170..ae05c472d5 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -423,6 +423,9 @@ h6 { .logo p { font-size: 24px; } +.logo { + grid-area: logo; +} .symbol { grid-area: symbol; padding: 8px 8px 8px 20px; @@ -876,9 +879,9 @@ li.disabled a { grid-template-columns: 320px 100px 300px 1fr; grid-template-rows: minmax(1em, auto) minmax(1em, auto) 1fr minmax(1em, auto); grid-template-areas: "header header search donation" - "leftside main main main" - "leftside main main main" - ". footer footer footer" + "leftside main main main" + "leftside main main main" + ". footer footer footer"; } #TopLeftHeader { display: grid; @@ -886,7 +889,7 @@ li.disabled a { grid-template-columns: auto auto; grid-template-rows: auto auto; grid-template-areas: "symbol logo" - "symbol dropdowns" + "symbol dropdowns"; } #SearchFrame { grid-area: search; @@ -1016,14 +1019,26 @@ li.disabled a { @media screen and (min-width: 1440px) { body { display: grid; - grid-template-columns: 360px 100px 400px 400px 1fr; + grid-template-columns: 1fr 360px 100px 400px 400px 1fr; grid-template-rows: 1fr minmax(1em, auto) minmax(1em, auto); - grid-template-areas: "header header search search donation" - "leftside main main main ." - ". footer footer footer ."; - margin: auto; - width: fit-content; - height: fit-content; + grid-template-areas: "header header search search donation donation" + ". leftside main main main ." + ". footer footer footer footer ."; + } + #TopLeftHeader { + display: grid; + align-items: end; + grid-template-columns: 1fr auto auto; + grid-template-rows: auto auto; + grid-template-areas: ". symbol logo" + ". symbol dropdowns"; + } + #SearchFrame { + justify-content: center; + } + #DonationFrame { + display: grid; + grid-template-columns: subgrid; } .donation { max-width: 300px; |