recent comments x2
All checks were successful
Build Org Website / build (push) Successful in 50s

This commit is contained in:
2026-05-10 22:39:44 +01:00
parent b9cb71a310
commit 0d9b3cfbd2
2 changed files with 41 additions and 26 deletions

View File

@@ -250,6 +250,17 @@
border-radius: 8px; border-radius: 8px;
} }
.db-panel-stack {
grid-column: span 4;
display: grid;
gap: 1rem;
min-width: 0;
}
.db-panel-stack .db-panel {
grid-column: auto;
}
.db-panel--wide { .db-panel--wide {
grid-column: span 8; grid-column: span 8;
} }
@@ -563,6 +574,7 @@ a.db-comment-feed__page:hover {
} }
.db-panel, .db-panel,
.db-panel-stack,
.db-panel--wide, .db-panel--wide,
.db-panel--stats, .db-panel--stats,
.db-panel--focus, .db-panel--focus,
@@ -599,6 +611,7 @@ a.db-comment-feed__page:hover {
} }
.db-panel, .db-panel,
.db-panel-stack,
.db-panel--wide, .db-panel--wide,
.db-panel--stats, .db-panel--stats,
.db-panel--focus, .db-panel--focus,

View File

@@ -157,18 +157,35 @@
</div> </div>
</section> </section>
<section class="db-panel" aria-labelledby="db-recent-title"> <div class="db-panel-stack">
<header class="db-panel__head"> <section class="db-panel" aria-labelledby="db-recent-title">
<div> <header class="db-panel__head">
<p class="db-kicker">Activity</p> <div>
<h2 class="db-panel__title" id="db-recent-title">Recently updated</h2> <p class="db-kicker">Activity</p>
<h2 class="db-panel__title" id="db-recent-title">Recently updated</h2>
</div>
<a class="db-panel__more" href="/recently-updated.html">View all</a>
</header>
<ul class="db-feed" id="db-feed-recent">
<li class="db-feed__item"><span class="db-feed__dot"></span><a href="/recently-updated.html">See all recent changes</a></li>
</ul>
</section>
<section class="db-panel" aria-labelledby="db-system-title">
<header class="db-panel__head">
<div>
<p class="db-kicker">System</p>
<h2 class="db-panel__title" id="db-system-title">Site controls</h2>
</div>
</header>
<div class="db-link-stack">
<a href="/home/services.html">Services</a>
<a href="/home/categories.html">Categories</a>
<a href="/home/notes.html">Notes wall</a>
<a href="/home/contact.html">Contact</a>
</div> </div>
<a class="db-panel__more" href="/recently-updated.html">View all</a> </section>
</header> </div>
<ul class="db-feed" id="db-feed-recent">
<li class="db-feed__item"><span class="db-feed__dot"></span><a href="/recently-updated.html">See all recent changes</a></li>
</ul>
</section>
<section class="db-panel db-panel--wide" aria-labelledby="db-comments-title"> <section class="db-panel db-panel--wide" aria-labelledby="db-comments-title">
<header class="db-panel__head"> <header class="db-panel__head">
@@ -187,21 +204,6 @@
</ul> </ul>
</section> </section>
<section class="db-panel" aria-labelledby="db-system-title">
<header class="db-panel__head">
<div>
<p class="db-kicker">System</p>
<h2 class="db-panel__title" id="db-system-title">Site controls</h2>
</div>
</header>
<div class="db-link-stack">
<a href="/home/services.html">Services</a>
<a href="/home/categories.html">Categories</a>
<a href="/home/notes.html">Notes wall</a>
<a href="/home/contact.html">Contact</a>
</div>
</section>
<section class="db-panel db-panel--about" aria-labelledby="db-about-title"> <section class="db-panel db-panel--about" aria-labelledby="db-about-title">
<header class="db-panel__head"> <header class="db-panel__head">
<div> <div>