jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-01 04:12:14 +02:00
Code Packages Releases Activity

⚡ 🔤 UI enhancements

Browse Source
This commit is contained in:
Jan Andrle
2025-03-04 10:38:26 +01:00
parent bdb20ec298
commit dcf389e28e
6 changed files with 87 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
docs/layout/head.html.js
View File

@ -40,7 +40,9 @@ ${host} .version-badge {
}
${host} p {
display: none;
display: block;
font-size: 0.875rem;
opacity: 0.9;
margin: 0;
}
@ -53,7 +55,6 @@ ${host} .github-link {
padding: 0.375rem 0.75rem;
border-radius: var(--border-radius);
background-color: rgba(0, 0, 0, 0.2);
margin-left: 1rem;
text-decoration: none;
transition: background-color 0.2s;
}
@ -63,14 +64,6 @@ ${host} .github-link:hover {
text-decoration: none;
}
@media (min-width: 768px) {
${host} p {
display: block;
font-size: 0.875rem;
opacity: 0.9;
}
}
/* Navigation */
${host_nav} {
grid-area: sidebar;
@ -185,7 +178,18 @@ export function header({ info: { href, title, description }, pkg }){
// Header section with accessibility support
el("header", { role: "banner", className: header.name }).append(
el("div", { className: "header-title" }).append(
el("h1", pkg.name),
el("a", {
href: pkg.homepage,
className: "github-link",
"aria-label": "View on GitHub",
target: "_blank",
rel: "noopener noreferrer"
}).append(
el(iconGitHub),
),
el("h1").append(
el("a", { href: pages[0].href, textContent: pkg.name, title: "Go to documentation homepage" }),
),
el("span", {
className: "version-badge",
"aria-label": "Version",
@ -193,16 +197,6 @@ export function header({ info: { href, title, description }, pkg }){
})
),
el("p", description),
el("a", {
href: pkg.homepage,
className: "github-link",
"aria-label": "View on GitHub",
target: "_blank",
rel: "noopener noreferrer"
}).append(
el(iconGitHub),
"GitHub"
)
),
// Navigation between pages