Instead, define border width in respective CSS, to make it consistent
in both clicked and non-clicked states, and avoid "jumping" on click.
Change-Id: Ic8ab8d0fd586059e21de6aa866fef95226774acf
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/87718
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
This is the helpcontent2/ part of the patch.
Add xapian-omega search to online Help.
The patch replaces Google custom search with xapian-omega search.
A new build key is introduced.
--with-omindex=server : Localizes and adds the xapian result page
template, adds the xapian form to each Help page.
--with-omindex=noxap : do not localize the result template and
do not add a form in the Help page.
--with-omindex= will force Online Help build.
Default is noxap
NOTES:
- xapian-omega databases are built in the server.
- searches returns results only on localized Help pages, avoiding same
resulis in many languages.
TODO:
- Tweak the xapian-omega result page CSS and markup.
Change-Id: I3dc2b79c4111f61fd5fea01b1f8c95bfacab1e8f
Reviewed-on: https://gerrit.libreoffice.org/79366
Tested-by: Jenkins
Reviewed-by: Guilhem Moulin <guilhem@libreoffice.org>
Tested-by: Guilhem Moulin <guilhem@libreoffice.org>
Ever since the contents of the modules and lang menus started
being populated upon click, the flow for screenreader users has
been potentially confusing.
This patch introduces a11y-toggle into the mix:
https://github.com/edenspiekermann/a11y-toggle
Checkboxes were changed into buttons. This hopefully makes it
clear we want the user to click them.
The contents tree still uses the checkbox hack, because its items
are populated upon page load.
Change-Id: I3482bea0c8669f96794498fc37d9d18fe3f829d5
Reviewed-on: https://gerrit.libreoffice.org/72467
Tested-by: Jenkins
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
The polyfills can be removed after we drop IE11 support.
Other IE11 fixes:
Change from document.URL to window.location.pathname
because otherwise we get local Windows paths with backward
slashes.
Use clear: left; for google-donation element so it doesn't
float on top of other elements.
Don't use defer to load fuzzysort.js and prism.js.
Change-Id: I6c0143eab555c8b1fbdbde8e749a24baed2f69c8
Reviewed-on: https://gerrit.libreoffice.org/69549
Tested-by: Jenkins
Reviewed-by: himajin100000 <himajin100000@gmail.com>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Module & languages menus were not shown on screen widths < 960.
Changed module & languages menu background to span the whole
width, when on mobile.
An arrow function was used in help2.js, which means it was broken
on IE.
Moved all src .js files to head and used defer for all.
Moved inline Piwik & system info JS into help2.js and added a
test for onlineness targeting the first meta element in the body.
Change-Id: Ic1a928b53ce9029f9f655117977cd511b7e3246d
Reviewed-on: https://gerrit.libreoffice.org/69005
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Task: https://redmine.documentfoundation.org/issues/2815
Header was made sticky on non-mobile by using position: sticky.
This was the only way to make it work with the grid without
carving magic numbers into stone. IE11 ignores it, but so what?
Donation text was made shorter.
The Google search and the donation button were wrapped in a
container to make it easy to haul them all over the place.
Lots of tweaks were made to the grid areas and the styles of
the bottom elements to make everything fit nicely in the new
markup order. The result was tested on IE11 to make sure it
degrades gracefully.
The Displayarea element had a fixed width (my old mistake),
which made the min-width: 960px layout look very uncool.
Change-Id: I131a1e82290bc3381c938acb4dc9dbc408fb2ba7
Reviewed-on: https://gerrit.libreoffice.org/68890
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
redmine#2815
Addressed responsiveness: for screen width < 960px the
button goes to the bottom of the screen and the header is
not fixed anymore.
Artists are invited to improve button rendering.
Button max width is 300px, the en-US text and the translated
text should fit in 2 lines of 300px each. Text is centered.
Change-Id: I51860be2ad998e85f247118e44b21af3e2efa060
Reviewed-on: https://gerrit.libreoffice.org/68644
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
• Ever-so-slightly brightened link color
• Made most tables centered; I think they look much better
• Removed some pointless spacing
• Made all dropdown options consistently align to the left
• Finally found out why pagination had extra 40px to its left
and it’s a shame the normalizer doesn’t account for it
• Correctly made disabled pagination links unsensitive
• Gave styling to the search bar for consistent appearance
in Gecko- and Blink-based browsers
Change-Id: Idcb488160aa97ec0c4adb5202aed7f194dfac7c9
Just to fix the most egregious issues in content paragraphs.
Some day I will actually have the energy to systematize
everything into a cohesive set of spacing and padding values.
Change-Id: I6d5d36e96d9c9a133d61b233413ebd17d8189d33
Use prism.js to highlight BASIC code in help pages
See README.prism.js.txt for details
added normalize-whitespaces plugin to remove extra 1st line
cleaned some useless css class
Change-Id: I6dde4d217a29f485199ced462b896ee1b500fba0
Reviewed-on: https://gerrit.libreoffice.org/64252
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
WIP. This is the Help part.
Extend the XML parser to include new incantations of the <paragraph>
tag, namely
<h1> to <h6>
<note>, <tip> and <warning>
Extension to the <item> tag:
<menuitem>, <input>, <literal>, <widget> and <keycode>
* removed test files
Change-Id: I2a473ee8772606f5e84bb02e651bccc6749598f4
Reviewed-on: https://gerrit.libreoffice.org/63954
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Contents will now stay collapsed until 1440px width, when
it will move to the right side of the screen.
Removed useless and harmful float:left from .index-label.
Change-Id: I504e8c4be3a5e777dc7bafbd6a6105b163e4a5f3
Reviewed-on: https://gerrit.libreoffice.org/57129
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
It was the same color as headings, which was confusing.
Also, remove the underline until hovering, which improves readability,
particularly with Chinese, Japanese and Korean.
And add a custom selection color because… why not?
Change-Id: I3d120c7fd6cbe27d74f0c7c40b72e23cddaa0296
Otherwise, it’s impossible to know you can click one and have its text
copied into your clipboard.
Change-Id: I9243229c0e507f35b35768ec71473117c2c34a8d
