diff --git a/css/basic.css b/css/basic.css index 97e9e33..6164ae7 100644 --- a/css/basic.css +++ b/css/basic.css @@ -113,6 +113,7 @@ fieldset, address { margin: 0 0 1.4em 0; /* bottom margin = line-height */ padding: 0; + text-align: left; } div { diff --git a/css/tuivision.css b/css/tuivision.css index 94549a0..8ced7c4 100644 --- a/css/tuivision.css +++ b/css/tuivision.css @@ -6,8 +6,11 @@ body.luxtools-tv { min-height: 100vh; color: #fff; - text-align: left; - padding-top: 34px; /* space for fixed top bar */ + /* Keep content visible under fixed bars */ + --luxtools-topbar-h: 34px; + --luxtools-statusbar-h: 28px; + padding-top: 0; + padding-bottom: var(--luxtools-statusbar-h); } /* DokuWiki default template tends to assume dark-on-light; override minimal bits */ @@ -22,6 +25,58 @@ body.luxtools-tv a { /* Keep the existing centered/max-width layout */ body.luxtools-tv #dokuwiki__site { background: transparent; + max-width: none; + width: 100%; + margin-top: var(--luxtools-topbar-h); +} + +/* Make wrapper a two-column flex layout in TV mode */ +body.luxtools-tv #dokuwiki__site .wrapper { + display: flex; + align-items: stretch; + min-height: calc(100vh - var(--luxtools-topbar-h) - var(--luxtools-statusbar-h)); +} + +body.luxtools-tv #dokuwiki__aside { + float: none; + flex: 0 0 __sidebar_width__; + width: auto; +} + +body.luxtools-tv #dokuwiki__content { + float: none; + flex: 1 1 auto; + width: auto; + margin: 0; + min-width: 0; +} + +body.luxtools-tv .hasSidebar #dokuwiki__content { + margin-left: 0; + width: auto; +} + +body.luxtools-tv .hasSidebar #dokuwiki__content > .pad { + margin-left: 0; +} + +/* Let the page fieldset fill available vertical space */ +body.luxtools-tv #dokuwiki__content > .pad { + display: flex; + flex-direction: column; + height: 100%; +} + +body.luxtools-tv .luxtools__page-fieldset { + flex: 1 1 auto; + display: flex; + flex-direction: column; + min-height: 0; +} + +/* Ensure the inner wiki content can scroll if it overflows */ +body.luxtools-tv .luxtools__page-fieldset > * { + min-width: 0; } /* --- Top bar --- */ diff --git a/style.ini b/style.ini index 1698590..0cbb64d 100644 --- a/style.ini +++ b/style.ini @@ -87,7 +87,7 @@ __existing__ = "#00ff00" ; @ini_existing __missing__ = "#ff5555" ; @ini_missing ; widths -__site_width__ = "64em" ; @ini_site_width +__site_width__ = "100%" ; @ini_site_width __sidebar_width__ = "16em" ; @ini_sidebar_width ; color of the web app (used by the core, not by the template)