146 Commits

Author SHA1 Message Date
ea6da5edc4 Add icon to donation button in Help pages.
Change-Id: I3f565f9245252c4ca417dff9b49df272b4733648
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/196526
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2026-01-05 00:29:01 +01:00
aac8d60b47 tdf#167830 CLI examples for several shells.
Change-Id: I0955f662d513c68056a2fe6c2e9926ee127db27b
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/192928
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Jenkins
2025-10-24 12:14:47 +02:00
a755e2c2ec tdf#168443 Add <meta> description in Help pages.
- Add <description> to the DTD
- Add code for <description> in XSLT
- Add a .description class in CSS

Change-Id: Iaad102d16488fa26fd9cca513faee215754f7f47
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/191083
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Jenkins
2025-09-17 15:57:26 +02:00
816edd0553 Enhance visual of keyboard keys in text
Make them italic to differentiate from surrounding text.

Change-Id: Ie95bf8d5c810aa730973b965cb9a52617fed56d5
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/186624
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Jenkins
2025-06-17 18:44:01 +02:00
72d4dba248 Try to improve visual for .code class in dark mode
Change-Id: I071b43d1f62cb608703095eac368b0f15fefbe91
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/185186
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Jenkins
2025-05-11 16:38:06 +02:00
9ab69c9782 Prevent icons to shrink in page.
Change-Id: Ie1b0c6d57f24c01654a51617d44d880a8116ef54
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/184947
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2025-05-05 14:19:33 +02:00
6f5efb304c Take dark mode into account with selection pseudo-element
Change-Id: Id35bb20cfd939de0dc11c3cead4a43ec0ee86888
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/184906
Tested-by: Jenkins
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
2025-05-03 15:03:36 +02:00
34ab1eecfb CSS: add missing semicolon and tweak whitespace
Change-Id: I9f16d3bf00e049f671c1d4077d04777f8e3609aa
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/181286
Tested-by: Jenkins
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2025-02-08 08:16:43 +01:00
b63b651f7d Add semicolon in rule.
Change-Id: I887a1603a58e4e2ed0c3cbb4dbffba956ef5a7c6
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/181272
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Jenkins
2025-02-07 19:37:59 +01:00
8477edf273 Work on tables for dark mode
+ Center tables in main displays area
+ introduce stripes in table

Change-Id: Ia27c944fe9a51089385b5c099eed853d467004bb
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180745
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2025-01-25 22:50:32 +01:00
fb5ddc28e5 Remove module colors from Index, plus...
+ Set Index module font color to heading-color
+ Darken headings color for A11Y
+ Set Contents font to bold.

Change-Id: If4708e1ac8e50f125787a0cded63588be895b4b9
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180475
Tested-by: Jenkins
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2025-01-19 08:52:28 +01:00
fae33ebe38 Clean up and optimise CSS
Prefer readability over compactness. Repetition is fine, if it
helps with readability.

Took some tips from this validator: https://stylelint.io/demo/

Change-Id: I36108e2f063c848182503ea469d146bb00099a75
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180438
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2025-01-18 17:46:45 +01:00
186169d9bd Fix "Contents" heading color
Change-Id: Ic6c42902bd554d365626793dd571607acb2c6433
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180418
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2025-01-17 18:23:55 +01:00
d9104f52a1 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>
2025-01-16 18:42:34 +01:00
de99260dbb Center <body> in screen for Help pages
Change-Id: I60f45842ba7c8a86afd0714b72292a9bbf5bcaf2
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180352
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Jenkins
2025-01-16 14:23:54 +01:00
bd6c0ba107 tdf#148016 Add dark mode to Help pages
+ First trial to implement a dark mode
+ Mode follows browser settings
+ removed modules color foo in help2.js

Change-Id: I0dfc62f832c3f5d406ac8d92d530eac382c4dc62
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/180294
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2025-01-16 12:16:38 +01:00
2cc2c9d5a7 Warn when javascript is not enabled in browser
+ A big red warning displays on top of pages when JS is disabled in browser.
+ otherwise JS switch warning to display = none.
+ Fast/instantaneous in Firefox
+ Some delay (flash) experienced with Brave and Edge in Linux (Chrome engines).

Change-Id: I2b1792e87520b3f4e0bf93a6e0430376587b4afb
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/179578
Tested-by: Jenkins
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2024-12-31 16:03:09 +01:00
1eb2e622fb tdf#161413 Don't allow note icon SVGs to shrink
Change-Id: I0d760f0e784f3ef2beb0fa9f80fdb52f7222b298
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/168411
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Jenkins
2024-06-04 19:55:46 +02:00
b256e08a31 tdf#161413 Prevent SVGs without width from overflowing the container
Change-Id: Idaf3a4f4d0d286520565623b29bbc186fbfd79d8
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/168400
Tested-by: Jenkins
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2024-06-04 11:37:52 +02:00
2b43859414 Move z-index rule to CSS stylesheet we control
Previously a fix was pushed to prism css file, which can
be changed by the upstream project. Instead overwrite the
rule in our files.

Change-Id: I549b05d4a359343ae0fe09831644a2eed8fb0474
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/166076
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2024-04-16 01:32:28 +02:00
27088ec11f tdf#158961 Remove a z-index: 100 rule to keep Safari happy
Modules navigation was not showing up in Safari because it had too
few elements to overflow. For some reason the z-index: 100 rule for
the containing div triggered this buggy behaviour.

Change-Id: I50776401b567d125d086e826ec7a23694bdf6774
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/161651
Tested-by: Jenkins
Reviewed-by: Juan José González <juanjosegzl@libreoffice.org>
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2024-01-05 13:00:32 +01:00
25f39b53fb Make Help navigation layout less busy
Bookmarks don't have to be visible all the time, so make them a
dropdown and move the search box to header.

Move Xapian search to the top of the content area.

Make Contents tree appear on the left side in 960px and wider screens.

Simplify/clean up some CSS and JS, for example for module colours.

Change-Id: Ic50a834b758d50098868866e4b8d3e8085755423
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/160870
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2023-12-16 22:11:42 +01:00
00f8970a29 CSS: "literal" must wrap normally.
Change-Id: Ib0ee56bd4a93d14467bec0ae607477dbbd86cbd8
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/160226
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2023-12-01 19:48:41 +01:00
69f85cbf17 Improve accessibility of dropdown menus
Now the opened menus can be closed with Esc key, so we conform
to the dismissible success criterion in WCAG 2.1:
https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html

To simplify things, now the navigation lists are populated upon
page load in all cases.

Change-Id: I0a7daaea122d3e03de36c322ccb012c546b271e0
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/158429
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2023-10-25 17:53:36 +02:00
ffaa9e1adb Prevent literal words to wrap in lines.
Applies mostly on table columns

Change-Id: Ie18b84d9a052f4b189f06c43132457a3a925dcaa
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/156354
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2023-08-31 21:21:07 +02:00
c6cea67078 tdf#142380 Use CSS variable for background color
Change-Id: Ia70389ced5e8b698c034f9eec8cb4f030d27dd81
2023-01-30 14:46:07 -06:00
77d02e65e9 tdf#152491 Update CSS coloring to match new icons
https://wiki.documentfoundation.org/Design/Branding#LibreOffice_application_colors

Change-Id: I914ddfd14f0ca351f4eed5eb14ed8ea6ed904422
2022-12-13 05:01:48 -06:00
b190949bdc Remove unreadable, obsolete fonts
Change-Id: Ic1a9839b1819c6b455ded63e120b32c5995e58c8
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/136153
Tested-by: Jenkins
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
2022-06-20 15:12:21 +02:00
8db4f0bd98 tdf#142380 tdf#142531 Update font stack, w/o “system-ui”
Change-Id: I1e6f27883b707147fdd07cdca2ca56e99a9fdc95
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/136152
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
Tested-by: Jenkins
2022-06-20 14:38:15 +02:00
cfa7975316 Add SQL code colorization to Help pages
Change-Id: I2c74e63c67a323a6e6b726da352dd23e1a88d886
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/134329
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2022-05-15 13:56:18 +02:00
d9880014fd Fix YouTube display for Help online/offline
+ Enhance button CSS display
+ Refactor XSLT
+ Refactor XHP

Change-Id: I58e46c31a97ad49eb25a4489994aae5dac62dbc3
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/134207
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2022-05-13 18:46:34 +02:00
5bab8a2d25 tdf#148621 Make ScriptForge service tables mobile-friendly
- Introduce <tablehead> element
- While considering text-align, I noticed we do not take RTL languages
into account. A CSS rule 'html[dir=ltr] th' was added, which does
nothing at the moment. We should look into directionality.

Change-Id: Ib59aa0c508529c0beaa35542d96bd5cc1aa4db29
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/133114
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2022-04-19 14:51:33 +02:00
24828f91e2 tdf#148621 Improve Basic Help layout
- Get rid of tables
- Add normalize-whitespace Prism plugin to get rid of useless indents
- Fix code blocks poking through sticky header
- Add some word wrapping CSS to fix mobile-unfriendliness

Change-Id: I73fd1e0678624b0d4bd5561f50e80990db5567be
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/133096
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2022-04-17 16:38:31 +02:00
d16329383f Remove max-width from menus
Change-Id: I7d59fb7161af41449cd0a1508f38143c241d50d0
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/129061
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2022-01-27 21:43:23 +01:00
919def267b tdf#123318 tdf#129697 Don't hardcode product name in CSS and JS
Change-Id: I0ef315146fed188eb1cf33c416ff5f3e9899bbae
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/128524
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2022-01-25 16:40:00 +01:00
df6f47ebcb tdf#129697 Use LIBREOFFICE instead of GLOBAL as index heading
Change-Id: I8c00eb4ed888eb8b2e898144141ef1c5a659bb49
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/128503
Tested-by: Jenkins
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2022-01-17 15:30:07 +01:00
eb1bf86ac1 tdf#123318 Add navigation menu entry LibreOffice for Shared
Change-Id: Ibd46738e03721127e07ee1575e0a925fc36fbe9d
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/128382
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2022-01-13 16:12:10 +01:00
1fbed0448d Improve paragraph spacing in text
Add more space below paragraphs.

Change-Id: Ie282883229bcc1471aed6c35ef57d1ec909996b5
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/128013
Tested-by: Jenkins
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2022-01-05 18:18:18 +01:00
53e0c535c9 Remove unused css rule
Change-Id: Id49a843abd96ba1719c706b36d20d27766698898
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/128018
Tested-by: Jenkins
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2022-01-05 18:16:30 +01:00
8d2e185e13 tdf#142380 (part) Use variables in css
Change-Id: I14f9e8af88cb7eb1fbf8f6647d2ad891018edbff
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/128014
Tested-by: Jenkins
Tested-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2022-01-05 18:16:27 +01:00
e36e33937f tdf#142531: fix help css for Simplified Chinese display on Linux
The font "system-ui" may cause trouble in some system, although it may look good in several systems.
See e.g. https://infinnie.github.io/blog/2017/systemui.html.

This change removes the "system-ui" font from the list, still put "Segoe UI" before any others, but moves "sans-serif" forward so that it falls back to the UI font in most linux distros.

Tested on Win10 and this does not impact the display for English or Chinese, but really improves a lot on Linux (Fedora 32 for me).

Change-Id: I1cba731cb846d1dc8c708b12510167c48de539e5
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/116487
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2021-05-31 18:18:39 +02:00
226a545d33 tdf#142417: Improve convertfilters.py and add API Names column
This commit involves two parts:
1. Improved the convertfilters.py helper script to make sure
 the generated convertfilters.xhp file is complete, accurate
 and containing no duplicated entries, and also add codes
 to also generate API Names column, as discussed in tdf#142417.
 Importantly, the code is modified to generate fixed IDs,
 rather than the previously random IDs or sequential IDs which
 may make the PO translation strings to show fuzzy when the
 file is re-generated.
2. This helper script is run and the convertfilters.xhp is
 updated.
3. The default css is modified to better display the page.
 There is no need to set overflow=auto for the DisplayArea,
 otherwise the scrollbar goes to the bottom of that area which
 is not visible. Also added a css class to display smaller
 fonts for the table.

Change-Id: I8a5c73c9d6a0c0b44fc7db6cb67b140bfeb8b4be
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/116405
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2021-05-31 16:45:00 +02:00
e694812962 CSS: Initial teeny-tiny changes towards tdf#139926
Since I keep procrastinating on the Online Help redesign,
let’s do it incrementally.

Change-Id: I2e7ebc1d3d9df8f6b7425dcae50464d463d7f0c3
2021-03-22 15:46:49 -06:00
4c9cd88154 Use z-index: 100 for TopLeftHeader
The tooltip functionality was making things messy with the sticky header

Change-Id: I8a77b11c950c54f00bde0c040a2945f503f993b5
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/104749
Tested-by: Jenkins
Reviewed-by: Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org>
2020-10-24 11:58:50 +02:00
eefef8231b Keep logo text colour white even when visited
Change-Id: I5cad9cdaf606b2b809c8e8a39a0dbf82ce15f919
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/103548
Tested-by: Jenkins
Tested-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
2020-09-28 13:51:02 +02:00
1e21cf1fa7 CSS: Separate this rule out of the block
Change-Id: I1c7ea2603fcbb8a6668cde831848246bb4d1c3a4
2020-09-10 09:48:08 -05:00
0b73d5eb91 Online help CSS: improve link colors so Olivier doesn’t hate me
Change-Id: Ia03fdfe89ac578891458b19657486d398d4bc1b4
2020-09-10 09:13:24 -05:00
4847445f1d tdf#133640 Replace problematic colors to make links discernible
… and add back their default underlines, but dimmed.
I still think this looks busy, but I shall get used to it.
It’s more a11y-friendly this way.

Also, the old, green footer line is gone, since it doesn’t really
fit in since commit 4d6b5e5f74c50cc440a46fada8fa89ad2f946749.

Change-Id: Ie9feb3cc232ec249dbe323c2ec4b761c12e91ad6
2020-06-24 17:26:16 -05:00
47b0c69b0a Update CSS box colors to match new Colibre
Change-Id: I5ed9fdcad79fc34032e6c8d1536aaaf12d32e177
2020-06-23 08:59:52 -05:00
24901fb947 Improve web help header
Header with symbol, logo and navigation dropdowns now uses
grid layout when screen width is desktop.

Change-Id: I00612ebe04110b3608d9534c0ebdb23d5b788c54
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/95668
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2020-06-07 15:41:42 +02:00