help.git: Branch 'libreoffice-25-2' - help3xsl/default.css

[Ilmari Lauhakangas (via logerrit)]

 help3xsl/default.css |   37 ++++++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 11 deletions(-)

New commits:
commit 3d3e92d81a489c7d96a9d55d3a14279221028824
Author:     Ilmari Lauhakangas <ilmari.lauhakan...@libreoffice.org>
AuthorDate: Wed Jan 15 18:21:39 2025 +0200
Commit:     Ilmari Lauhakangas <ilmari.lauhakan...@libreoffice.org>
CommitDate: Sat Jan 18 10:42:21 2025 +0100

    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.hal...@libreoffice.org>
    (cherry picked from commit d9104f52a1f7e3b2eee958544659cabb6808cd3c)
    Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180425
    Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakan...@libreoffice.org>

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 958058fb32..04a9305c11 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;