help.git: Branch 'libreoffice-24-2' - help3xsl/default.css
help3xsl/default.css |3 +++
1 file changed, 3 insertions(+)
New commits:
commit 1141bf7d15c24f3e053785dbbc60d8acf22cdc6f
Author: Ilmari Lauhakangas
AuthorDate: Tue Jun 4 20:22:12 2024 +0300
Commit: Ilmari Lauhakangas
CommitDate: Tue Jun 4 20:04:03 2024 +0200
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
Tested-by: Jenkins
(cherry picked from commit 1eb2e622fbd81928bc7e8b48f75332c787c01225)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/168328
Tested-by: Ilmari Lauhakangas
Reviewed-by: Ilmari Lauhakangas
diff --git a/help3xsl/default.css b/help3xsl/default.css
index 969ba50a73..dda3942ac4 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -189,6 +189,9 @@ img[src$=".svg"] {
.noteicon, .notetext {
padding:0.3em;
}
+.noteicon {
+flex-shrink: 0;
+}
/* Override some Prism.js styles */
code[class*="language-"], pre[class*="language-"] {
white-space: pre-wrap;
help.git: Branch 'libreoffice-24-2' - help3xsl/default.css
help3xsl/default.css |4
1 file changed, 4 insertions(+)
New commits:
commit d5b7f6808b445825fc80c1f1ec9c1c970a64bf76
Author: Ilmari Lauhakangas
AuthorDate: Tue Jun 4 12:35:25 2024 +0300
Commit: Adolfo Jayme Barrientos
CommitDate: Tue Jun 4 19:55:20 2024 +0200
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
Reviewed-by: Ilmari Lauhakangas
(cherry picked from commit b256e08a31624c1c55894b4f11065c75423af30e)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/168327
Reviewed-by: Adolfo Jayme Barrientos
diff --git a/help3xsl/default.css b/help3xsl/default.css
index 2a1fb17cb8..969ba50a73 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -126,6 +126,10 @@ pre,
font-family: var(--font_mono);
word-wrap: anywhere;
}
+/* prevent SVGs without width from overflowing the container */
+img[src$=".svg"] {
+max-width: 100%;
+}
.literal {
white-space: normal;
}
help.git: Branch 'libreoffice-24-2' - help3xsl/default.css help3xsl/prism.css
help3xsl/default.css |4
help3xsl/prism.css |1 +
2 files changed, 5 insertions(+)
New commits:
commit 83b1b76cb72845dd5d605337cb8253b914086911
Author: Juan José González
AuthorDate: Sun Apr 14 11:14:21 2024 -0600
Commit: Adolfo Jayme Barrientos
CommitDate: Thu Apr 18 07:26:34 2024 +0200
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
(cherry picked from commit 2b438594148c4ee94cb632e7a3d3b64b547706d5)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/166211
Reviewed-by: Adolfo Jayme Barrientos
diff --git a/help3xsl/default.css b/help3xsl/default.css
index 5bcd2c28f1..2a1fb17cb8 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -190,6 +190,10 @@ code[class*="language-"], pre[class*="language-"] {
white-space: pre-wrap;
}
+pre[class*="language-"] > code {
+z-index: 0;
+}
+
/* Table related classes */
/* Special case of table with one cell*/
diff --git a/help3xsl/prism.css b/help3xsl/prism.css
index 54f0bf021e..4610909810 100644
--- a/help3xsl/prism.css
+++ b/help3xsl/prism.css
@@ -39,6 +39,7 @@ pre[class*="language-"] {
pre[class*="language-"] > code {
position: relative;
+ z-index: 1;
border-left: 10px solid #358ccb;
box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
background-color: #fdfdfd;
help.git: Branch 'libreoffice-24-2' - help3xsl/default.css
help3xsl/default.css |1 -
1 file changed, 1 deletion(-)
New commits:
commit c903a5157e0b9fe44a624965b642d1af57ec2b28
Author: Ilmari Lauhakangas
AuthorDate: Thu Jan 4 23:05:27 2024 +0200
Commit: Ilmari Lauhakangas
CommitDate: Fri Jan 5 13:03:54 2024 +0100
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
Tested-by: Ilmari Lauhakangas
Reviewed-by: Ilmari Lauhakangas
(cherry picked from commit 7f6876711ed991c8cf83edcc47980639b58c2c7a)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/161647
diff --git a/help3xsl/default.css b/help3xsl/default.css
index 5f3276fb5b..5bcd2c28f1 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -699,7 +699,6 @@ li.disabled a {
.modules {
border-bottom: 2px solid #f3f3f3;
background-color: #26;
-z-index: 100;
}
#modules:after, #langs:after {
font-size: 30px;
help.git: Branch 'libreoffice-24-2' - help3xsl/default.css help3xsl/help2.js help3xsl/online_transform.xsl help3xsl/paginathing.js help3xsl/xap_templ_query.xsl source/text
help3xsl/default.css| 183
help3xsl/help2.js | 15 --
help3xsl/online_transform.xsl | 86 +++
help3xsl/paginathing.js |3
help3xsl/xap_templ_query.xsl|9 -
source/text/shared/help/browserhelp.xhp | 22 +--
6 files changed, 157 insertions(+), 161 deletions(-)
New commits:
commit 6d45710a35698fbab9b416b728d6cf0c78549542
Author: Ilmari Lauhakangas
AuthorDate: Sat Dec 16 15:49:32 2023 +0200
Commit: Olivier Hallot
CommitDate: Sun Dec 17 15:38:57 2023 +0100
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
(cherry picked from commit 25f39b53fb292ec90368f2afd3678884a1a8bb27)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/160860
diff --git a/help3xsl/default.css b/help3xsl/default.css
index b54f9fe725..5f3276fb5b 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -32,6 +32,7 @@ do not break anything related to layout by scaling.
--font_mono: Menlo, "Cascadia Mono", "Cascadia Code", Consolas, "DejaVu Sans
Mono", monospace;
--font_body: Ubuntu, Cantarell, "Segoe UI Variable", "Segoe UI", "Noto
Sans", "DejaVu Sans", "Lucida Grande", sans-serif, FreeSerif, NanumGothic,
"Noto Sans Tibetan", Taprom;
--background-color: #f7f8f7;
+ --module-color: #18A303;
}
body,
@@ -226,6 +227,7 @@ html[dir=ltr] th {
margin-top: 0px;
}
.tableheadcell {
+background: var(--module-color);
color: white;
vertical-align:top;
}
@@ -252,7 +254,8 @@ h4,
h5,
h6 {
margin-bottom: 0.67rem;
-color: #148603;
+color: var(--module-color);
+border-bottom-color: var(--module-color);
}
p,
ol,
@@ -263,7 +266,7 @@ td {
h1 {
font-size: 1.83rem;
font-weight: 300;
-border-bottom: 2px solid #148603;
+border-bottom: 2px solid;
margin-bottom: 1.67rem;
}
h1 a {
@@ -326,14 +329,15 @@ h6 {
margin-top: 15px;
margin-bottom: 15px;
}
-
#DisplayArea {
background-color: #FCFCFC;
overflow: auto;
padding: 10px 10px 40px 10px;
grid-area: main;
}
-
+#omega-autofocus {
+width: 274px;
+}
.mediabutton {
background-color: cyan;
}
@@ -360,6 +364,7 @@ h6 {
.embedded {}
#TopLeftHeader {
+background: var(--module-color);
grid-area: header;
position: sticky;
top: 0px;
@@ -379,6 +384,7 @@ h6 {
display: flex;
justify-content: space-between;
flex-direction: column;
+width: 100%;
}
.symbol, .logo, .logo:hover, .logo:visited {
color: #fff;
@@ -495,9 +501,8 @@ footer p {
label[for=accordion-1] {
color: #26;
display: block;
-padding: 10px 0 10px 20px;
+margin: 0 0 10px 10px;
font-size: 22px;
-line-height: .6;
}
label[for=accordion-1]:after {
font-size: 44px;
@@ -510,7 +515,7 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
color: #333;
z-index: 6;
display: block;
-margin: 0 20px 0 20px;
+margin: 0 20px 20px 20px;
}
.index-label {
font-size: 22px;
@@ -518,7 +523,7 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
padding-left: 20px;
margin: 20px 0 0 0;
}
-#Index, .index {
+.index {
margin-top: 10px;
}
.index {
@@ -532,7 +537,8 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
display: none;
}
#Bookmarks {
-padding: 0 20px;
+width: 300px;
+margin-left: 10px;
}
#Bookmarks p {
font-size: 22px;
@@ -628,7 +634,6 @@ li.disabled a {
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-sizing: border-box;
line-height: 1.5em;
-margin-top: 10px;
outline: none;
padding: 0 .25em;
transition: all 0.30s ease-in-out;
@@ -642,13 +647,25 @@ li.disabled a {
#search-bar::placeholder {
font-style: italic;
}
+#SearchFrame .nav-container {
+display: none;
+position: absolute;
+background-color: var(--background-color);
+overflow-y: auto;
+-webkit-overflow-scrolling: touch;
+max-height: 80svh;
+width: 300px;
+}
+#SearchFrame:focus-within .nav-container {
+display: block;
+}
.xapian-donation {
border-top: 2px solid #148603;
background-color: #FCFCFC;
box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
}
#DonationFrame {
-background: #18A303;
+background: var(--module-color);
position: sticky;
top: 0px;
}
@@ -672,10 +689,9 @@ li.disabled a {
text-align: center;
}
#SearchFrame {
-background: #18A303;
top:
