Commit Graph

67 Commits

Author SHA1 Message Date
622324ec76 tdf#121571 Solve cognitive dissonance with note icons and colors
More often than not, the alarmist colors given to note boxes didn’t
match their content.

Change-Id: I88d7a8e2d07ffba661c218887fd54638506d21c8
2019-01-28 16:25:10 -06:00
a8ab16150b Drop this pitiful, bothersome, gimmicky animation
Change-Id: If533f8565e38e02d503cc1ab59f65e2445f1369b
2019-01-28 15:31:15 -06:00
e6095165ac Review code in help page and mute l10n when OK
+ Added "smathcode" role to render smath code paragraphs
+ let smath code samples be copied to clipboard.

Change-Id: I580c162d0c77f51d0de817ca143a845abf56eca9
Reviewed-on: https://gerrit.libreoffice.org/65621
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-12-26 22:15:20 +01:00
635750a0cd tdf#115663 Syntax highlight in BASIC code examples
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>
2018-11-29 21:41:54 +01:00
49baef5df5 tdf#121797 XHP extensions (Help part)
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>
2018-11-28 10:53:51 +01:00
ad162dec44 tdf#119415 Widen search box and style placeholder
Change-Id: I0f60cfea338e695e778d16a208153597ec6d19ca
2018-11-22 11:54:01 -06:00
9fb9990b35 tdf#119415 change from fuse.js to fuzzysort.js
Tied the index listing to the current module.
Fuzzysort.js is MIT licensed.

Change-Id: I5d95cc1870a1856089217846ed0af572abc882d7
Reviewed-on: https://gerrit.libreoffice.org/63203
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-11-09 21:14:57 +01:00
94177b1022 Helponline: H2 too similar to H3
A teeny-tiny upward nudge.

Change-Id: I9491c5a849316907f0770ab29752cbc385cef107
2018-09-15 08:55:12 -05:00
0d03a98c88 Show how beautiful are our icons
On hovering icons, enlarge them.

Next step: change icons to SVG (tdf#117551)

Change-Id: Ib43e3b54ed27352a8ca785c57dce9314adc00e4d
Reviewed-on: https://gerrit.libreoffice.org/60053
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-09-06 17:05:28 +02:00
c48b19bcf9 Better placement of background color definitions & a new shadow
Change-Id: I8ad99f278cd1e4d96ae873627f2dfa2a5b827761
2018-08-23 12:26:28 -05:00
df4a017dbf Add some space between warning/note/tip boxes
Change-Id: I37b9bf85cbe2b3e101c5ba4c71391692b2a65425
Reviewed-on: https://gerrit.libreoffice.org/59473
Tested-by: Jenkins
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
2018-08-23 05:35:20 +02:00
0901f95273 Restore 'GLOBAL' label in Index
GLOBAL is the external nam of the SHARED bookmarks.

Change-Id: If4a877cc26dddb3fa99e5369ef63c7333aa53ffe
Reviewed-on: https://gerrit.libreoffice.org/57815
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-07-22 13:15:51 +02:00
1ee609da2c Also add that here…
Change-Id: Ia31ace1a2f844dbd707839a44ec131f424513924
2018-07-10 05:41:44 -05:00
01319d64fa Helponline: Fix alignment of TOC in sidebar
It was too close to the window border in Edge, Chrome and Firefox Nightly.

Change-Id: I29a7b17c6abc240baa1f75cba879942810ebee07
2018-07-10 05:31:25 -05:00
581213f4b1 tdf#118430 Three column layout with 1440px width
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>
2018-07-10 12:24:15 +02:00
139bd7c195 Helponline: Improve a few colors some more
Change-Id: I3d9db610057119cdb08b1f31152700ed18d6ea16
2018-07-02 16:46:56 -05:00
5bc297bf12 Helponline: New .howtoget, small tweaks to other boxes, tiny changes to colors
Change-Id: I3d7d396482df4143b09776230c571c0c69ab0b5a
Reviewed-on: https://gerrit.libreoffice.org/56040
Tested-by: Jenkins
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
2018-06-20 03:51:58 +02:00
2fdf055620 Fix <bascode> rendering for paragraphs
Change-Id: I4c76bac48f3be30dc3bcd358df427843a5f97a7a
Reviewed-on: https://gerrit.libreoffice.org/55837
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-06-15 17:11:35 +02:00
b1a2195960 Add back fonts for complex scripts
Change-Id: Ibe468e41fd016871ee30909dd6a9515e7d10b22a
Reviewed-on: https://gerrit.libreoffice.org/55801
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-06-14 16:32:15 +02:00
279e341d56 Helponline: Allow for system typeface to be used
Change-Id: Ic3868b0bcdbb978f450666b4f98e53587b5e7f85
Reviewed-on: https://gerrit.libreoffice.org/55728
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-06-13 14:24:40 +02:00
1b112c0bed tdf#94121 Give code paragraphs a different background, again
The old wikihelp had this, but this time it won’t look as tawdry.

Change-Id: I709b94c512cb15d6c1b5ef5b76b9e1bb13b6f09b
Reviewed-on: https://gerrit.libreoffice.org/55301
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-06-05 03:52:22 +02:00
94e09fd49d Colored boxes for .note, .tip and .warning
Change-Id: I067100546ac669fa34e59cf9401796a4d166718f
Reviewed-on: https://gerrit.libreoffice.org/55239
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-06-04 06:39:14 +02:00
5f14059e0d Helponline: Only add extra <p> margin for main body text
Change-Id: Ia6413bbe4e16ee39dbd01ba48fa307514f517fbe
2018-05-12 02:30:33 -05:00
49076d176d Helponline: Give links a different color
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
2018-05-09 19:37:47 -05:00
bc322f3bc5 Refactor test for online case wrt objects
Also refactor the section "Open file with example".
Wrap in a div with class.

Change-Id: I14b1b7ca6ca788383824db3db4db4014b295976e
Reviewed-on: https://gerrit.libreoffice.org/53946
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-05-08 12:28:41 +02:00
abb68975a7 Helponline: ordered list numbers were too small
Change-Id: Ia41478b03ff696f1ab86a8b57090b1ce0bf79efc
2018-05-07 17:09:40 -05:00
e1bc9445a2 Helponline: Provide a visual indicator for people to notice inputs
Otherwise, it’s impossible to know you can click one and have its text
copied into your clipboard.

Change-Id: I9243229c0e507f35b35768ec71473117c2c34a8d
2018-05-02 15:47:00 -05:00
413fe3748a Helponline: Some footer tweaks
Change-Id: Ie52a789f61a44896abc81ecf3895d94ce054040d
2018-04-29 03:30:44 -05:00
e85e3f2847 Restore nice box shadows
Shadows were for tables only. Add shadows to some special tables
rendered as div's.

Change-Id: If3d6757c27a00598c67e510c5cccb77f89fddb6d
Reviewed-on: https://gerrit.libreoffice.org/53549
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-27 11:02:32 +02:00
8bca37f6c6 Replace icontable by div + CSS flexbox
Icon tables are detected when the first cell has an image.

Change-Id: I808c814870404dbef696e12c6f30a7611468d2ee
Reviewed-on: https://gerrit.libreoffice.org/53429
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-26 13:49:43 +02:00
3824ac08e6 Replace onecell table by a div
Replace table of type onecell by a div + css

Change-Id: I120a85c96b312d206a8f582c69405aeb5fd80a9c
Reviewed-on: https://gerrit.libreoffice.org/53428
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-26 13:49:04 +02:00
7d7b5977dd Replace note,tip,warning with CSS flexbox
Replace <table> by <div>'s with CSS flexbox property.
Independent CSS classes for each div for easier tweaking

Change-Id: Idedcebc7d9d7b28738c25f4fe11314209e92576c
Reviewed-on: https://gerrit.libreoffice.org/53427
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-26 13:47:54 +02:00
d5e4c4c48f Replace "howtoget" table by div + CSS flexdoc
Change-Id: Ie79c7345af176edcae3ec99a36a466e8b9978d07
Reviewed-on: https://gerrit.libreoffice.org/53444
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-26 13:47:22 +02:00
133eb76043 We use px for font sizes in navigation
Change-Id: I91de80116d82c8bc6bdc34436a98ebdd629ebb0c
Reviewed-on: https://gerrit.libreoffice.org/53461
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-25 21:32:31 +02:00
2a148c5633 Helponline: Contents and Index labels are oversized
Change-Id: Iea3de265bd5cb81747f87e4279d6ac498be06c47
2018-04-23 07:25:41 -05:00
e81f1e1ff6 Helponline: Add some styling to the tables
Change-Id: Iafef063c594142efeec56b96b1e508da3ac0d8b7
2018-04-23 07:25:40 -05:00
f10b89e1d3 New Help: Improve table head rendering
Add class to parent <td> of <paragraph role="tablehead">

Change-Id: Ifb9caf4d4ac3ab5e4c750b5bd96260e2dcb298e1
Reviewed-on: https://gerrit.libreoffice.org/53179
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-20 12:33:47 +02:00
22691f35ee Fix index in sidebar
The last commit of online_transform.xsl instrpduced a bug in
index search on the left. This one fixes it.

Change-Id: I8055389a324d1fc5fde90ac2b76ff6f0a4a42493
Reviewed-on: https://gerrit.libreoffice.org/53011
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-04-17 04:38:13 +02:00
9c769f9b79 Helponline: Rely on color, not thick borders, to separate content from UI
Those thick borders were fugly.
Give a slightly darker appearance to the sidebar and make its border fainter.
Remove the pure-white background in body to make it easier on the eyes.
Kill the alarming yellow (what was I thinking?).

Change-Id: If236126da91df535a0bddbfbf4804c8ee655c4e1
2018-04-08 05:26:56 -05:00
4740109668 Helponline: Prettify donation prompt
Change-Id: Iedf3d560c2a8d1feabadcf3ce1be40f1b5e01989
2018-03-23 14:10:22 -06:00
4a1008b6ee Deploy videos in New Help (WIP)
Add YouTube videos in New help.
add makefile
NOTE: <object> is not rendered in old help.
NOTE2: Removed online objects from offline help

Change-Id: I829fe1858002a454417d36d0651fe49097e008d4
Reviewed-on: https://gerrit.libreoffice.org/51679
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-03-21 19:38:56 +01:00
1f58d6b4eb Add spacing between paragraphs, update normalize.css
Change-Id: I85df8d29fa78377d684adb4435087cc9f586dbe3
Reviewed-on: https://gerrit.libreoffice.org/50516
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-02-28 17:35:52 +01:00
863b926ed1 Tweaked contents expansion
Stopped excluding main items. Highlighted current item.
Harmonised the help.js indentation.

Change-Id: I6b8f22940d077d008662a387071a5d5db04409f7
Reviewed-on: https://gerrit.libreoffice.org/49488
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-02-09 19:01:56 +01:00
b6bc8c1cfe tdf#115255 and auto-expand contents per subitem
JavaScript stuff moved from online_transform.xsl to help.js.
Simplified bookmarks markup.
Span elements with class "input" and length more than 3 characters
can be copied to clipboard by mouse click.
Bubli's feature request for auto-expanding contents per subitem
is also implemented.
Logic for adding headings to index list was reimplemented.

Change-Id: I87b6f189a040a73a1ab9dda1ec9cd790b06da202
Reviewed-on: https://gerrit.libreoffice.org/49421
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-02-08 20:19:39 +01:00
875dbb65c7 New Help: Add donation link for online version
Change-Id: I340362a70ecc115565c7fd7cb2be1a5d0fbb5599
Reviewed-on: https://gerrit.libreoffice.org/48929
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-01-30 20:51:58 +01:00
e37c19a9dd Switched from list.js to fuse.js and paginathing.js
Fuse.js has Apache License 2.0 and paginathing.js has
Expat License (aka MIT).

Paginathing is a paginating utility and it was originally jQuery,
but due to performance concerns I converted it to pure JavaScript
and rather brutally adapted it to our needs.

Fuse.js gives us fuzzy search with multiple strings. The settings
can be refined, if needed. Settings can be easily tested with the
live demo: http://fusejs.io/

Change-Id: I1cf6a6f7d06adbcac95760db90187ee26be8e908
Reviewed-on: https://gerrit.libreoffice.org/48906
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-01-30 18:57:58 +01:00
67a993c05d Module names must stay uppercase due to DbPAR=MODULE
Change-Id: I10cea1b204b20d482abec6a8f66d5cfee6cf6dfe
Reviewed-on: https://gerrit.libreoffice.org/48509
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-01-25 12:53:51 +01:00
995f740adf Use list.js for Index listing and search
List.js - http://listjs.com/ - allows us to paginate the results
so the height does not get out of hand.
Fuzzy search would be cool: http://listjs.com/docs/fuzzysearch/
...but it gives too big of a perf hit with our 5700 items.
Might try to bribe the creator to look into perf.
Thanks a lot to David Tardon for the makefile solution and to
Christian Lohmaier for playing a rubber duck.

Change-Id: I359eed541470ccaa309b0b6ff5d809a796d9befd
Reviewed-on: https://gerrit.libreoffice.org/48335
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-01-23 12:03:49 +01:00
ff44bbe708 tdf#114907 Expand and collapse symbols for Contents
Unicode like it's 1993.

Change-Id: I625dc220341db788dd578c210ef2f368bec58199
Reviewed-on: https://gerrit.libreoffice.org/47902
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-01-15 16:10:59 +01:00
382ba1bc41 Switched to a sidebar layout. Art direction by Andreas Kainz
Markup and JS got simpler, layout got more robust.

Change-Id: Ia74489038e7d11b632ea2b6ca6efe0d90dfe5181
Reviewed-on: https://gerrit.libreoffice.org/47441
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Tested-by: Olivier Hallot <olivier.hallot@libreoffice.org>
2018-01-05 17:21:22 +01:00