help3xsl/default.css | 32 +++++++++++++++++++++++--------- help3xsl/online_transform.xsl | 2 +- 2 files changed, 24 insertions(+), 10 deletions(-)
New commits: commit 1bbe610c73586f36d1e1354484388cac479dbd27 Author: Ilmari Lauhakangas <ilmari.lauhakan...@libreoffice.org> AuthorDate: Fri May 1 18:15:37 2020 +0300 Commit: Adolfo Jayme Barrientos <fit...@ubuntu.com> CommitDate: Sat May 2 01:53:23 2020 +0200 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.hal...@libreoffice.org> (cherry picked from commit 52eb45cd79ed75eb37b46c579860cee4e6180138) Reviewed-on: https://gerrit.libreoffice.org/c/help/+/93142 Reviewed-by: Adolfo Jayme Barrientos <fit...@ubuntu.com> diff --git a/help3xsl/default.css b/help3xsl/default.css index a0d8fccee..2c67d206c 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; diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl index f22262780..3a6337eaa 100644 --- a/help3xsl/online_transform.xsl +++ b/help3xsl/online_transform.xsl @@ -226,7 +226,7 @@ <xsl:if test="$xapian='yes'"> <div class="xapian-omega-search"> <form name="P" method="get" action="/{$productversion}/{$lang}/search" target="_top"> - <input id="omega-autofocus" type="search" name="P" size="40"/> + <input id="omega-autofocus" type="search" name="P"/> <input type="submit" class="xapian-omega-search-button" value="🔍"/> </form> </div> _______________________________________________ Libreoffice-commits mailing list libreoffice-comm...@lists.freedesktop.org https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits