diff options
| author | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2022-04-18 12:41:48 +0300 |
|---|---|---|
| committer | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2022-04-19 14:51:33 +0200 |
| commit | 5bab8a2d2530d7487064a2560c440269018a56b9 (patch) | |
| tree | d91363751a754721c332203218ba6afed648ac03 /help3xsl/default.css | |
| parent | 26cd9a5e8be28097e59188bcdf6bcaa9c75be4e4 (diff) | |
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>
Diffstat (limited to 'help3xsl/default.css')
| -rw-r--r-- | help3xsl/default.css | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index 2c5e59ac0a..bc053cc704 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -212,6 +212,9 @@ table, th, td { border-right: 0; padding: 0.3em; } +html[dir=ltr] th { + text-align: left; +} .tablehead, .tableheadintable { font-weight: bold; @@ -226,6 +229,17 @@ table, th, td { font-size: 0.98rem; } +/* ScriptForge service tables */ +.sf_table { + min-width: 100%; +} +.sf_table thead { + display: none; +} +.sf_table tr, .sf_table td { + display: block; +} + h1, h2, h3, @@ -840,6 +854,19 @@ li.disabled a { max-width: 200px; width: 100% } + /* ScriptForge service tables */ + .sf_table { + min-width: auto; + } + .sf_table thead { + display: table-header-group; + } + .sf_table tr { + display: table-row; + } + .sf_table td { + display: table-cell; + } } @media screen and (min-width: 1440px) { #Contents { |