diff --git a/Customization/xsl/nav.xsl b/Customization/xsl/nav.xsl index fc500add..1e785fe9 100644 --- a/Customization/xsl/nav.xsl +++ b/Customization/xsl/nav.xsl @@ -15,6 +15,7 @@ + @@ -255,7 +256,17 @@ -
+
+ + + + + + + bs-sidebar + + +
diff --git a/Customization/xsl/utility-classes.xsl b/Customization/xsl/utility-classes.xsl index 8d8495c1..33b8fcb8 100644 --- a/Customization/xsl/utility-classes.xsl +++ b/Customization/xsl/utility-classes.xsl @@ -11,12 +11,12 @@ exclude-result-prefixes="xs dita-ot" > - + - + diff --git a/README.md b/README.md index d70a784b..f7e82cbc 100644 --- a/README.md +++ b/README.md @@ -215,7 +215,8 @@ Additionally, opt-in breadcrumbs and menu bars can be added using the following - `args.breadcrumbs` – add Bootstrap breadcrumb components - `menubar-toc.include` – add a Bootstrap menubar - `scrollspy-toc` – add a Bootstrap [scrollspy][18] navigator -- `bidi.include` - whether to force included support for RTL languages +- `bidi.include` – whether to force included support for RTL languages +- `toc-spacer.padding` – specifies the vertical padding to add to the side menu ## Feedback diff --git a/build_dita2html5-bootstrap_template.xml b/build_dita2html5-bootstrap_template.xml index 9aa6f8e8..a59be43e 100644 --- a/build_dita2html5-bootstrap_template.xml +++ b/build_dita2html5-bootstrap_template.xml @@ -227,6 +227,22 @@ + + + + + + + + + + + + + + + + + diff --git a/cfg/cosmo.properties b/cfg/cosmo.properties new file mode 100644 index 00000000..ccb9451c --- /dev/null +++ b/cfg/cosmo.properties @@ -0,0 +1 @@ +bootstrap.css.figure.image=img-fluid border diff --git a/cfg/lux.properties b/cfg/lux.properties new file mode 100644 index 00000000..ccb9451c --- /dev/null +++ b/cfg/lux.properties @@ -0,0 +1 @@ +bootstrap.css.figure.image=img-fluid border diff --git a/cfg/morph.properties b/cfg/morph.properties new file mode 100644 index 00000000..a1357558 --- /dev/null +++ b/cfg/morph.properties @@ -0,0 +1,3 @@ +bootstrap.css.carousel=border rounded border-secondary-subtle shadow pt-3 pb-2 px-1 +bootstrap.css.carousel.indicators=border rounded-5 border-secondary-subtle bg-secondary p-1 shadow +bootstrap.css.figure.image=img-fluid border rounded shadow diff --git a/cfg/pulse.properties b/cfg/pulse.properties new file mode 100644 index 00000000..57f8303e --- /dev/null +++ b/cfg/pulse.properties @@ -0,0 +1,2 @@ +bootstrap.css.carousel=border border-primary-subtle pt-3 pb-2 px-1 +bootstrap.css.figure.image=img-fluid border diff --git a/cfg/yeti.properties b/cfg/yeti.properties new file mode 100644 index 00000000..ccb9451c --- /dev/null +++ b/cfg/yeti.properties @@ -0,0 +1 @@ +bootstrap.css.figure.image=img-fluid border diff --git a/css/collapsible-toc.css b/css/collapsible-toc.css index 20a27a05..2b5ae408 100644 --- a/css/collapsible-toc.css +++ b/css/collapsible-toc.css @@ -60,17 +60,51 @@ .bd-links .btn { padding-top: 0.25rem; + padding-bottom: 0rem; font-weight: 600; background-color: transparent; border: 0; box-shadow: none; color: var(--bs-body-color); + padding-left: 0.25rem !important; +} + +[dir='rtl'] .bd-links .btn { + padding-left: 0rem !important; + padding-right: 0.25rem !important; } .bd-links svg:hover { color: var(--bs-link-hover-color); } +.bd-links .ps-2 { + padding-left: 0.5rem !important; +} + +[dir='rtl'] .bd-links .ps-2 { + padding-left: 0rem !important; + padding-right: 0.5rem !important; +} + +.bd-links .ps-3 { + padding-left: 0.75rem !important; +} + +[dir='rtl'] .bd-links .ps-3 { + padding-left: 0rem !important; + padding-right: 0.75rem !important; +} + +.bd-links .ps-4 { + padding-left: 1rem !important; +} + +[dir='rtl'] .bd-links .ps-4 { + padding-left: 0rem !important; + padding-right: 1rem !important; +} + [dir='rtl'] .bd-links svg { transform: rotate(180deg); } diff --git a/insertParameters.xml b/insertParameters.xml index 06033993..c06a12a0 100644 --- a/insertParameters.xml +++ b/insertParameters.xml @@ -154,6 +154,11 @@ expression="${bidi.include}" if:set="bidi.include" /> + yes no + + 0 + 1 + 2 + 3 + 4 + 5 + --icons.include --popovers.include --dark.mode.include + --menubar-toc.include + --bidi.include + --toc-spacer.padding

Bootstrap icons, popovers, tooltips and the --bidi.include – whether to force included support for RTL languages +

  • + --toc-spacer.padding – specifies the vertical padding to add to the side menu