svn commit: r1928634 - in apr/site/branches/new-logo: docs docs/coverage xdocs/stylesheets
[email protected] Sat, 20 Sep 2025 03:19:43 -0000
| Newsgroups | gmane.comp.apache.apr.cvs |
|---|---|
| Message-ID | <175833838370.434212.15328243498272296481@svn02-us-east.apache.org> |
Author: brane
Date: Sat Sep 20 03:19:43 2025
New Revision: 1928634
Log:
Move the menu label on narrow screens into the top bar next to the logo.
Modified:
apr/site/branches/new-logo/docs/anonsvn.html
apr/site/branches/new-logo/docs/compiling_unix.html
apr/site/branches/new-logo/docs/compiling_win32.html
apr/site/branches/new-logo/docs/coverage/index.html
apr/site/branches/new-logo/docs/download.html
apr/site/branches/new-logo/docs/guidelines.html
apr/site/branches/new-logo/docs/index.html
apr/site/branches/new-logo/docs/mailing-lists.html
apr/site/branches/new-logo/docs/patches.html
apr/site/branches/new-logo/docs/projects.html
apr/site/branches/new-logo/docs/security_report.html
apr/site/branches/new-logo/docs/style.css
apr/site/branches/new-logo/docs/versioning.html
apr/site/branches/new-logo/xdocs/stylesheets/site.vsl
Modified: apr/site/branches/new-logo/docs/anonsvn.html
==============================================================================
--- apr/site/branches/new-logo/docs/anonsvn.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/anonsvn.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/compiling_unix.html
==============================================================================
--- apr/site/branches/new-logo/docs/compiling_unix.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/compiling_unix.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/compiling_win32.html
==============================================================================
--- apr/site/branches/new-logo/docs/compiling_win32.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/compiling_win32.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/coverage/index.html
==============================================================================
--- apr/site/branches/new-logo/docs/coverage/index.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/coverage/index.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/download.html
==============================================================================
--- apr/site/branches/new-logo/docs/download.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/download.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/guidelines.html
==============================================================================
--- apr/site/branches/new-logo/docs/guidelines.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/guidelines.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/index.html
==============================================================================
--- apr/site/branches/new-logo/docs/index.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/index.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/mailing-lists.html
==============================================================================
--- apr/site/branches/new-logo/docs/mailing-lists.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/mailing-lists.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/patches.html
==============================================================================
--- apr/site/branches/new-logo/docs/patches.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/patches.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/projects.html
==============================================================================
--- apr/site/branches/new-logo/docs/projects.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/projects.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/security_report.html
==============================================================================
--- apr/site/branches/new-logo/docs/security_report.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/security_report.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/docs/style.css
==============================================================================
--- apr/site/branches/new-logo/docs/style.css Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/style.css Sat Sep 20 03:19:43 2025 (r1928634)
@@ -120,6 +120,10 @@ td.mlh {
top: var(--apr-logo-bar-shift);
height: var(--apr-logo-bar-height);
width: 100%;
+
+ display: flex;
+ justify-content: left;
+ align-items: center;
}
#page {
overflow: auto;
@@ -169,8 +173,23 @@ h1, h2 {
padding-top: 0.25em;
}
+label[for="hamburger"] {
+ color: var(--apr-bg);
+ font-family: "Montserrat", sans-serif;
+ font-size: x-large;
+ font-weight: 300;
+ padding: 0px 0.25em 0px 0.25em;
+ cursor: pointer;
+ /* FIXME: This is a visual hint, but do we really need it? The catch is
+ that there are two link anchors side by side on narrow screens. */
+ border-right: 1px dotted var(--apr-bg);
+}
+#hamburger {
+ display: none;
+}
+
@media screen {
- #site-nav label, #hamburger {
+ label[for="hamburger"] {
display: none;
}
}
@@ -180,13 +199,13 @@ h1, h2 {
width: 100%;
float: none;
}
- #site-nav label {
+ label[for="hamburger"] {
display: inline-block;
}
#site-nav-menu { display: none }
#site-nav input:checked + #site-nav-menu { display: block; }
#site-content { margin-left: 0px; }
- #logo > a { left: 0px; }
+ #logo > a { left: var(--apr-logo-bar-height); }
}
Modified: apr/site/branches/new-logo/docs/versioning.html
==============================================================================
--- apr/site/branches/new-logo/docs/versioning.html Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/docs/versioning.html Sat Sep 20 03:19:43 2025 (r1928634)
@@ -15,7 +15,7 @@
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>
@@ -23,7 +23,6 @@
<div id="page">
<!-- LEFT SIDE NAVIGATION -->
<div id="site-nav">
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
Modified: apr/site/branches/new-logo/xdocs/stylesheets/site.vsl
==============================================================================
--- apr/site/branches/new-logo/xdocs/stylesheets/site.vsl Sat Sep 20 02:49:26 2025 (r1928633)
+++ apr/site/branches/new-logo/xdocs/stylesheets/site.vsl Sat Sep 20 03:19:43 2025 (r1928634)
@@ -65,7 +65,6 @@ $node
##
##
#macro (makeProject)
- <label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<nav id="site-nav-menu">
<dl>
@@ -109,7 +108,7 @@ $node
</head>
<body>
<div id="logo">
- <div> </div>
+ <div><label for="hamburger">☰</label></div>
<a href="/"><img height=100% width="auto"
src="/images/apr-logo-site.svg"
alt="The Apache Portable Runtime Project"></a>