From: Rich Bowen Date: Sun, 17 May 2026 22:05:40 +0000 (+0000) Subject: Mobile-responsive docs: viewport meta, responsive CSS, quickview hamburger menu,... X-Git-Tag: 2.4.68-rc1-candidate~116 X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=e781e5af28a4f84f26b867740836da71c9578447;p=thirdparty%2Fapache%2Fhttpd.git Mobile-responsive docs: viewport meta, responsive CSS, quickview hamburger menu, language toggle, permalink anchors, seealso fix, remove Support Apache badge git-svn-id: https://svn.apache.org/repos/asf/httpd/httpd/branches/2.4.x@1934321 13f79535-47bb-0310-9956-ffa450edef68 --- diff --git a/docs/manual/style/css/manual.css b/docs/manual/style/css/manual.css index 57b5e7d230f..9eb7979cbbb 100644 --- a/docs/manual/style/css/manual.css +++ b/docs/manual/style/css/manual.css @@ -695,17 +695,6 @@ div#page-header img { height: 70px; } -div#quickview a.badge { - /* Temporary hack for the Support Apache badge */ - background-color: transparent; -} - -div#quickview a.badge img { - /* Temporary hack for the Support Apache badge */ - width: 95px; - height: 95px; -} - div#page-header p.apache { background-color: #405871; color: #fff; @@ -1043,6 +1032,209 @@ p.figure dfn { font-weight: bold; } +/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ + * Permalink are used in

tags only. + * They are hidden by default, and become visible only when the mouse + * is over the corresponding element. + * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ +.permalink { + visibility: hidden; +} +.permalink:link { + color: white; +} +.permalink:visited { + color: white; +} +h2:hover > .permalink { + visibility: visible; +} + /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * -> The End <- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ + * Responsive / Mobile + * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +/* Globe toggle - hidden on desktop */ +.lang-toggle { + display: none; +} + +/* Quickview toggle - hidden on desktop */ +.qv-toggle { + display: none; +} + +/* Tablet breakpoint */ +@media (max-width: 900px) { + div.section, + div.directive-section { + margin-left: 30px; + } +} + +/* Mobile breakpoint */ +@media (max-width: 768px) { + body { + padding: 0 0.5em; + } + + div#page-header { + margin-left: 0; + background-color: #405871; + padding: 5px 0 8px; + } + + div#page-header p.apache { + padding: 0 10px; + text-align: center; + } + + div#page-header p.menu { + display: none; + } + + /* Language toggle: hidden by default, shown on globe click */ + .toplang { + display: none; + margin: 0.5em 0; + padding: 0 10px; + } + + .toplang.open { + display: block; + } + + .toplang p { + font-size: 11px; + text-align: center; + } + + .lang-toggle { + display: inline-block; + background: #557697; + color: #fff; + border: none; + font-size: 12px; + cursor: pointer; + padding: 4px 10px; + border-radius: 3px; + } + + div#page-header img { + width: 100%; + max-width: 248px; + height: auto; + margin: 0 auto; + display: block; + } + + div#preamble { + margin-left: 0; + } + + div.section, + div.directive-section { + margin: 0; + padding: 0; + } + + div#path { + margin-left: 0; + } + + div#page-content { + margin-left: 0; + margin-right: 0; + padding-right: 0; + } + + div#footer { + margin-left: 0; + } + + div.note, + div.example, + div.warning { + margin-left: 0; + margin-right: 0; + } + + #quickview { + position: absolute !important; + right: 0; + width: 75%; + max-width: 300px; + max-height: 80vh; + overflow-y: auto; + margin: 0; + padding: 12px; + display: none; + background-color: #f0f0f0; + border-radius: 4px 0 0 4px; + box-shadow: -2px 2px 8px rgba(0,0,0,0.3); + z-index: 1000; + } + + #quickview.open { + display: block; + } + + .qv-toggle { + display: block; + position: fixed; + top: 10px; + right: 10px; + z-index: 1001; + background: #557697; + color: #fff; + border: none; + font-size: 14px; + padding: 6px 10px; + border-radius: 4px; + cursor: pointer; + box-shadow: 0 2px 4px rgba(0,0,0,0.2); + } + + .qv-toggle:hover { + background: #405871; + } + + div#directive-ref { + padding-left: 0; + } + + div#directive-list { + margin-left: 0; + } + + /* Prevent tables from overflowing */ + table { + display: block; + overflow-x: auto; + max-width: 100%; + } + + /* Front page: stack the 3-column layout */ + table#indextable, + table#indextable td { + display: block; + width: 100%; + border-left: none; + padding: 0; + } + + table#indextable td { + border-top: 1px solid #aaa; + padding: 0.5em 0; + } + + /* Prevent code blocks from overflowing */ + pre { + overflow-x: auto; + max-width: 100%; + } +} diff --git a/docs/manual/style/lang/da.xml b/docs/manual/style/lang/da.xml index 7483e7cdf79..880f7359dda 100644 --- a/docs/manual/style/lang/da.xml +++ b/docs/manual/style/lang/da.xml @@ -161,6 +161,8 @@ Current release version of Apache HTTP Server documentation You may follow this link to go to the current version of this document. + Permanent link + diff --git a/docs/manual/style/lang/de.xml b/docs/manual/style/lang/de.xml index 234563df35e..8b5c3b4a599 100644 --- a/docs/manual/style/lang/de.xml +++ b/docs/manual/style/lang/de.xml @@ -162,5 +162,7 @@ Dokumentation des Apache HTTP Server für die zuletzt erschienene Version Sie können diesem Link folgen, um zur aktuellen Version dieses Dokuments zu gelangen. + Permanent link + diff --git a/docs/manual/style/lang/en.xml b/docs/manual/style/lang/en.xml index 9a135b0b08a..fef3d2260e6 100644 --- a/docs/manual/style/lang/en.xml +++ b/docs/manual/style/lang/en.xml @@ -163,5 +163,7 @@ Current release version of Apache HTTP Server documentation You may follow this link to go to the current version of this document. + Permanent link + diff --git a/docs/manual/style/lang/fr.xml b/docs/manual/style/lang/fr.xml index 339f2b79f5b..4f3d605f6cc 100644 --- a/docs/manual/style/lang/fr.xml +++ b/docs/manual/style/lang/fr.xml @@ -1,4 +1,6 @@ - + + Lien permanent + diff --git a/docs/manual/style/lang/ja.xml b/docs/manual/style/lang/ja.xml index 56e3072d71d..e7564cf7870 100644 --- a/docs/manual/style/lang/ja.xml +++ b/docs/manual/style/lang/ja.xml @@ -161,5 +161,7 @@ Current release version of Apache HTTP Server documentation You may follow this link to go to the current version of this document. + Permanent link + diff --git a/docs/manual/style/lang/ko.xml b/docs/manual/style/lang/ko.xml index 90de25e6770..68bf4c1f636 100644 --- a/docs/manual/style/lang/ko.xml +++ b/docs/manual/style/lang/ko.xml @@ -165,5 +165,7 @@ Current release version of Apache HTTP Server documentation You may follow this link to go to the current version of this document. + Permanent link + diff --git a/docs/manual/style/lang/pt-br.xml b/docs/manual/style/lang/pt-br.xml index 4000b87ceab..d373e413314 100644 --- a/docs/manual/style/lang/pt-br.xml +++ b/docs/manual/style/lang/pt-br.xml @@ -163,5 +163,7 @@ Versão atual da documentação do Servidor HTTP Apache Siga este atalho para a versão atual deste documento. + Permanent link + diff --git a/docs/manual/style/lang/ru.xml b/docs/manual/style/lang/ru.xml index fa21d799aa5..14bfb5f4cec 100644 --- a/docs/manual/style/lang/ru.xml +++ b/docs/manual/style/lang/ru.xml @@ -161,5 +161,7 @@ Current release version of Apache HTTP Server documentation You may follow this link to go to the current version of this document. + Permanent link + diff --git a/docs/manual/style/lang/tr.xml b/docs/manual/style/lang/tr.xml index 19d17203950..7fe940b3d9a 100644 --- a/docs/manual/style/lang/tr.xml +++ b/docs/manual/style/lang/tr.xml @@ -1,4 +1,6 @@ - + + Permanent link + > @@ -432,6 +455,7 @@ if (typeof(prettyPrint) !== 'undefined') { +&lf;
&lf;

@@ -496,6 +520,8 @@ if (typeof(prettyPrint) !== 'undefined') { + + @@ -514,7 +540,7 @@ if (typeof(prettyPrint) !== 'undefined') { - +

@@ -539,7 +565,7 @@ if (typeof(prettyPrint) !== 'undefined') { - +

@@ -705,7 +731,7 @@ if (typeof(prettyPrint) !== 'undefined') { | - + @@ -878,6 +904,13 @@ if (typeof(prettyPrint) !== 'undefined') { + + + < + + > + Removing link to '' + < @@ -899,6 +932,17 @@ if (typeof(prettyPrint) !== 'undefined') { < > + + + + + link to '' directive could be added in directive '' + + + + link to '' directive could be added in MODULE '' + + @@ -1262,11 +1306,7 @@ if (typeof(prettyPrint) !== 'undefined') { Is the document valid (try `build validate-xml`)? - - - - - +
diff --git a/docs/manual/style/xsl/manualpage.xsl b/docs/manual/style/xsl/manualpage.xsl index 36967515789..70a6d0a24d2 100644 --- a/docs/manual/style/xsl/manualpage.xsl +++ b/docs/manual/style/xsl/manualpage.xsl @@ -55,23 +55,15 @@
- - - - Support Apache! - - -
- - +

@@ -83,7 +75,6 @@ -

&lf; diff --git a/docs/manual/style/xsl/synopsis.xsl b/docs/manual/style/xsl/synopsis.xsl index 7efa4eaf213..35e728e6a2b 100644 --- a/docs/manual/style/xsl/synopsis.xsl +++ b/docs/manual/style/xsl/synopsis.xsl @@ -19,6 +19,7 @@ + ]>
- - - - Support Apache! - - -

@@ -280,22 +274,6 @@
  • - - - - - - - - - @@ -314,8 +292,7 @@ - +

    @@ -352,7 +329,7 @@ is repeated. --> - + @@ -443,6 +420,8 @@ + +

    &lf; diff --git a/docs/manual/style/xsl/util/para.xml b/docs/manual/style/xsl/util/para.xml new file mode 100644 index 00000000000..f02d643ec25 --- /dev/null +++ b/docs/manual/style/xsl/util/para.xml @@ -0,0 +1,3 @@ + + +&para;