interlope/bludit-blowfish
1
0 Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update searchbar light-theme + articles more separated / date closer to title

Browse Source
This commit is contained in:
spleenftw committed 2026-05-29 14:56:34 +02:00
1 parent 3846811164
commit 0c911b1ef9
2 files changed
+38 -19
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/style.css
+37 -18
View File
@@ -453,7 +453,8 @@ img.nav-svg-icon {
margin: 0 auto var(--space-xl); margin: 0 auto var(--space-xl);
} }
.home-search .plugin { .home-search .plugin,
.home-search .plugin-content {
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -472,15 +473,32 @@ img.nav-svg-icon {
margin: 0; margin: 0;
} }
/* Force the theme palette over the plugin's own / Bootstrap defaults */
.home-search input,
.home-search .form-control { .home-search .form-control {
flex: 1 1 auto; flex: 1 1 auto;
margin: 0; margin: 0 !important;
background-color: var(--bg-surface) !important;
color: var(--text-primary) !important;
border: 1px solid var(--border-color) !important;
border-radius: var(--radius-sm) !important;
} }
.home-search button { .home-search input::placeholder,
flex-shrink: 0; .home-search .form-control::placeholder {
margin-top: 0 !important; color: var(--text-muted) !important;
}
.home-search button,
.home-search .btn {
flex: 0 0 auto;
width: auto !important; /* cancel Bootstrap's btn-block */
margin: 0 !important;
white-space: nowrap; white-space: nowrap;
background-color: var(--accent) !important;
border: 1px solid var(--accent) !important;
color: var(--accent-contrast) !important;
border-radius: var(--radius-sm) !important;
} }
@media (max-width: 575.98px) { @media (max-width: 575.98px) {
@@ -488,13 +506,18 @@ img.nav-svg-icon {
.home-search form { .home-search form {
flex-direction: column; flex-direction: column;
} }
.home-search button,
.home-search .btn {
width: 100% !important;
}
} }
/* ======================================== /* ========================================
POST LIST (titles only) POST LIST (titles only)
======================================== */ ======================================== */
.post-list-item { .post-list-item {
padding: var(--space-md) 0; padding: var(--space-lg) 0;
border-bottom: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle);
} }
@@ -502,18 +525,11 @@ img.nav-svg-icon {
border-bottom: none; border-bottom: none;
} }
.post-list-head { /* Stacked: title, then date right beneath it */
display: flex;
justify-content: space-between;
align-items: baseline;
gap: var(--space-md);
flex-wrap: wrap;
}
.post-list-title { .post-list-title {
font-size: 1.3rem; font-size: 1.4rem;
font-weight: 600; font-weight: 600;
margin: 0; margin: 0 0 0.2rem;
color: var(--text-primary); color: var(--text-primary);
transition: color 0.2s ease; transition: color 0.2s ease;
} }
@@ -523,10 +539,13 @@ img.nav-svg-icon {
} }
.post-list-date { .post-list-date {
display: block;
color: var(--text-muted); color: var(--text-muted);
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
white-space: nowrap; }
flex-shrink: 0;
.post-list-item .post-taxonomy {
margin-top: var(--space-sm);
} }
/* ======================================== /* ========================================
php/home.php
+1 -1
View File
@@ -59,7 +59,7 @@
<!-- Tags and Category --> <!-- Tags and Category -->
<?php $tagsList = $page->tags(true); $categoryKey = $page->categoryKey(); ?> <?php $tagsList = $page->tags(true); $categoryKey = $page->categoryKey(); ?>
<?php if (!empty($tagsList) || $categoryKey) : ?> <?php if (!empty($tagsList) || $categoryKey) : ?>
<div class="post-taxonomy mt-2"> <div class="post-taxonomy">
<?php if ($categoryKey) : ?> <?php if ($categoryKey) : ?>
<a class="taxonomy-badge" href="<?php echo $page->categoryPermalink(); ?>"> <a class="taxonomy-badge" href="<?php echo $page->categoryPermalink(); ?>">
<i class="bi bi-folder2"></i><?php echo $page->category(); ?> <i class="bi bi-folder2"></i><?php echo $page->category(); ?>