diff options
| author | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2020-05-01 18:15:37 +0300 |
|---|---|---|
| committer | Andras Timar <andras.timar@collabora.com> | 2020-05-06 22:29:02 +0200 |
| commit | ecdec429c9eae3ad130a7f5ed19d0b96a2335b6b (patch) | |
| tree | 7a284d1d69f6b160c262621047378cedc5c14a1a /help3xsl/default.css | |
| parent | 5521fc8d7175abd8fe2b457c677c6fab38114778 (diff) | |
Help CSS: allow title in header to be wider
Added a column and let the title section to grow into it.
Also removed the hardcoded size from the Xapian search input.
Change-Id: Id391264a17556a35d54b705621deb9bdecc16af2
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/93278
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
(cherry picked from commit 52eb45cd79ed75eb37b46c579860cee4e6180138)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/93142
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
Diffstat (limited to 'help3xsl/default.css')
| -rw-r--r-- | help3xsl/default.css | 32 |
1 files changed, 23 insertions, 9 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index a0d8fccee7..2c67d206c1 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -831,6 +831,17 @@ li.disabled a { box-shadow: 0 2px 8px 0 rgba(0,0,0,.05); padding: 10px 50px 40px 50px; } + .xapian-omega-search { + width: 100%; + } + .xapian-omega-search form { + display: flex; + justify-content: center; + } + .omega-autofocus { + max-width: 200px; + width: 100% + } } @media screen and (min-width: 1440px) { #Contents { @@ -849,6 +860,9 @@ li.disabled a { label[for=accordion-1]:after { content: ""; } + .omega-autofocus { + max-width: 400px; + } } /* Use @supports to sneak these rules past IE */ @supports (grid-area: auto) { @@ -870,22 +884,22 @@ li.disabled a { } body { display: grid; - grid-template-columns: 360px 80px 1fr; + grid-template-columns: 360px 100px 300px 1fr; grid-template-rows: minmax(1em, auto) minmax(1em, auto) 1fr minmax(1em, auto); - grid-template-areas: "header search donation" - "rightside main main" - "leftside main main" - ". footer footer" + grid-template-areas: "header header search donation" + "rightside main main main" + "leftside main main main" + ". footer footer footer" } } @media screen and (min-width: 1440px) { body { display: grid; - grid-template-columns: 360px 450px 450px 1fr; + grid-template-columns: 360px 100px 400px 400px 1fr; grid-template-rows: 1fr minmax(1em, auto) minmax(1em, auto); - grid-template-areas: "header search search donation" - "leftside main main rightside" - ". footer footer ." + grid-template-areas: "header header search search donation" + "leftside main main main rightside" + ". footer footer footer ." } .donation { max-width: 300px; |