diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 3f6e3e6..1eb9400 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -3,7 +3,7 @@ # # Author: Akshay Mestry # Created on: 26 August, 2025 -# Last updated on: 04 May, 2026 +# Last updated on: 08 May, 2026 name: Continuous Integration run-name: Started ${{ github.workflow }} (CI) workflow @@ -14,7 +14,7 @@ on: paths: - ".github/**" - "docs/**" - - "theme/**" + - "kaamiki/**" - "pyproject.toml" - "requirements.txt" diff --git a/kaamiki/base/static/theme.css b/kaamiki/base/static/theme.css index b765c92..4c825a5 100644 --- a/kaamiki/base/static/theme.css +++ b/kaamiki/base/static/theme.css @@ -17,6 +17,7 @@ --input: 0 0% 92%; --light-accent: 0, 0%, 94%; --link: 210.84, 100%, 41.96%; + --radius-round: 500px; --radius: 0.75rem; --box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04); --code-background: 0, 0%, 100%; @@ -496,7 +497,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { justify-content: center; width: 2rem; height: 2rem; - border-radius: 500px; + border-radius: var(--radius-round); text-decoration: none; font-weight: 600; color: hsl(var(--muted-foreground)); @@ -555,40 +556,29 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { .site-search__label { flex: 1 1 auto; - width: 0; } .site-search__input { - width: 100%; - border: 1px solid hsl(var(--border)); - border-radius: var(--radius); background-color: hsl(var(--light-accent)); - color: hsl(var(--foreground)); - font-size: 0.8rem; + font-size: 0.9rem; font-family: var(--font-mono); - padding: 0.55rem; - padding-right: 0; - transition: border-color var(--duration-fast) var(--ease-in-out); + padding: 0.5rem; } .site-search__input::placeholder { color: hsl(var(--muted-foreground)); - font-size: 0.8rem; - line-height: 1.2; + font-size: 0.9rem; } .site-search__submit { display: inline-flex; align-items: center; justify-content: center; - width: 2.5rem; - height: 2.5rem; - border: none; - border-radius: var(--radius); - background-color: hsl(var(--accent)); - color: hsl(var(--accent-foreground)); + width: 2rem; + height: 2rem; + padding-right: 0.5rem; + color: hsl(var(--foreground)); cursor: pointer; - transition: background-color var(--duration-fast) var(--ease-in-out), color var(--duration-fast) var(--ease-in-out); } .site-search__submit:focus-visible { @@ -610,41 +600,33 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { } .site-header__search .site-search { - width: 2rem; + width: 10rem; height: 2rem; border: 1px solid hsl(var(--border)); - border-radius: 500px; + border-radius: var(--radius-round); background: hsl(var(--light-accent)); overflow: hidden; - transition: width var(--duration-normal) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out); } .site-header__search .site-search__label { display: flex; align-items: center; + min-width: 0; } .site-header__search .site-search__input { border: none; pointer-events: none; + min-width: 0; } .site-header__search .site-search__submit { - width: 2rem; - height: 2rem; background-color: hsl(var(--light-accent)); - color: hsl(var(--foreground)); -} - -.site-header__search .site-search.is-open, -.site-header__search .site-search:focus-within { - width: 10rem; } .site-header__search .site-search.is-open .site-search__input, .site-header__search .site-search:focus-within .site-search__input { opacity: 1; - height: 2rem; pointer-events: auto; } @@ -655,7 +637,6 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { outline: none; } - .site-article { display: flex; flex-direction: column; @@ -672,7 +653,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { flex-wrap: wrap; text-align: left; background: hsl(var(--code-background)); - border-radius: 500px; + border-radius: var(--radius); padding: 0.25rem; width: max-content; border: 1px solid hsl(var(--border)); @@ -873,7 +854,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { margin-top: 1rem; margin-inline: auto; background: hsl(var(--code-background)); - border-radius: 500px; + border-radius: var(--radius-round); padding: 0.25rem; width: max-content; border: 1px solid hsl(var(--border)); @@ -917,6 +898,10 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { min-height: 4rem; } +.site-search-page__results h2 { + display: none; +} + .site-genindex { display: flex; flex-direction: column; @@ -977,7 +962,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { left: 50%; z-index: 10; padding: 0.5rem 1rem; - border-radius: 500px; + border-radius: var(--radius-round); font-size: 0.95rem; background-color: hsl(var(--muted)); color: hsl(var(--accent-foreground)); @@ -1142,6 +1127,7 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { letter-spacing: -2.18px; } +#search-results .search-summary, #content section>p.lead { color: hsl(var(--muted-foreground)); font-size: 1.05rem; @@ -1151,6 +1137,19 @@ html[data-theme="dark"] .site-sidebar__brand-image--light { margin: 0rem 6rem 1rem; } +#search-results .search-summary { + margin-bottom: calc(92px / 2); +} + +#search-results ul.search li:first-of-type::before { + content: ""; + display: block; + width: calc(100% + 11rem); + margin-inline: -5.5rem; + margin-block-end: 3rem; + border-top: 1px solid hsl(var(--border)); +} + #content ul:not(.search), #content ul:not(.search) p, #content ul:not(.search)>li { @@ -1652,7 +1651,7 @@ html[data-theme="dark"] .site-header__theme-toggle-icon--dark { .site-header__icon-link { border: 1px solid hsl(var(--border)) !important; - border-radius: 500px; + border-radius: var(--radius-round); color: hsl(var(--foreground)); background-color: hsl(var(--light-accent)); transition: color var(--duration-normal) var(--ease-in-out); @@ -1928,6 +1927,7 @@ i { color: hsl(var(--hint-admonition-foreground)); } +.site-search-page__fallback, .error, .danger { border: 1px solid hsl(var(--danger-admonition-foreground), 0.1); @@ -1935,6 +1935,7 @@ i { color: hsl(var(--danger-admonition-foreground)); } +..site-search-page__fallback:is(.dark *), .error:is(.dark *), .danger:is(.dark *) { border: 1px solid hsl(var(--danger-admonition-foreground), 0.3); @@ -2353,7 +2354,7 @@ li .highlight pre { opacity: 1 !important; width: 40px !important; height: 8px !important; - border-radius: 500px !important; + border-radius: var(--radius-round) !important; transition: width var(--duration-normal) var(--ease-out), height var(--duration-normal) var(--ease-out), border-radius var(--duration-normal) var(--ease-out) !important; @@ -2485,7 +2486,7 @@ a[data-tooltip].show-tooltip::after { .site-feedback-shell__button { background: hsl(var(--foreground)); color: hsl(var(--background)); - border-radius: 500px; + border-radius: var(--radius-round); font-size: 0.9rem; line-height: 1.5rem; padding: 0.5rem 1rem; @@ -2817,7 +2818,7 @@ a[data-tooltip].show-tooltip::after { width: 0.15ch; height: 1em; background-color: hsl(var(--link)); - border-radius: 500px; + border-radius: var(--radius-round); animation: cursor-blink 1.5s infinite; vertical-align: middle; margin-left: 0.15ch; @@ -3096,11 +3097,13 @@ a[data-tooltip].show-tooltip::after { .site-feedback-shell__title::before, #content h2::before, #content .pre-title-text:has(+ section > h2)::before, - #content section > .pre-title-text:last-child::before { + #content section > .pre-title-text:last-child::before, + #search-results ul.search li:first-of-type::before { width: calc(100% + 2rem); margin-inline: -1rem; } + #search-results .search-summary, #content section>p.lead { margin-inline: auto; } @@ -3164,7 +3167,7 @@ a[data-tooltip].show-tooltip::after { .site-header__search { flex: 0 0 auto; width: auto; - border-radius: 500px; + border-radius: var(--radius-round); } .site-search__label { diff --git a/kaamiki/base/templates/search.html b/kaamiki/base/templates/search.html index c5027d5..f8cf150 100644 --- a/kaamiki/base/templates/search.html +++ b/kaamiki/base/templates/search.html @@ -4,10 +4,10 @@ Author: Akshay Mestry Created on: 21 February, 2025 -Last updated on: 21 December, 2025 +Last updated on: 07 May, 2026 --> {% extends "page.html" %} -{% set title = _('Search') %} +{% set title = _('Search Results') %} {% block scripts %} {{ super() }}