From 38a98bb07aa1e55a90306cba5a4c673f2e67aa35 Mon Sep 17 00:00:00 2001 From: zenn Date: Mon, 13 Apr 2026 17:26:18 +0900 Subject: [PATCH] =?UTF-8?q?v0.1.11=20=EC=95=84=EC=BD=94=EB=94=94=EC=96=B8?= =?UTF-8?q?=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EB=B0=8F=20=EC=83=81=EC=84=B8?= =?UTF-8?q?=20=EB=A9=94=ED=83=80=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/built/screen.css | 49 ++++++++++++++++++++++++++-- assets/icons/keyboard_arrow_down.svg | 1 + assets/icons/keyboard_arrow_up.svg | 1 + package.json | 2 +- partials/site/sidebar-left.hbs | 20 +++++++++--- post.hbs | 14 +++++--- 6 files changed, 75 insertions(+), 12 deletions(-) create mode 100644 assets/icons/keyboard_arrow_down.svg create mode 100644 assets/icons/keyboard_arrow_up.svg diff --git a/assets/built/screen.css b/assets/built/screen.css index 78bcd21..809ab63 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -284,15 +284,36 @@ input { .menu-group__chevron { color: var(--text-dim); - font-size: 14px; - transition: transform 0.22s ease, color 0.22s ease; + display: inline-flex; + align-items: center; + justify-content: center; + width: 16px; + height: 16px; + transition: color 0.22s ease; +} + +.menu-group__chevron-icon { + width: 16px; + height: 16px; + display: block; +} + +.menu-group__chevron-icon--up { + display: none; } .menu-group.is-open .menu-group__chevron { - transform: rotate(180deg); color: var(--text-soft); } +.menu-group.is-open .menu-group__chevron-icon--down { + display: none; +} + +.menu-group.is-open .menu-group__chevron-icon--up { + display: block; +} + .sidebar-card { padding: 18px 0 0; border-top: 1px solid var(--border); @@ -808,6 +829,10 @@ input { font-weight: 700; } +.meta-pill:hover { + color: var(--text); +} + .meta-item { display: inline-flex; align-items: center; @@ -1006,6 +1031,8 @@ input { } .post-tag { + display: inline-flex; + align-items: center; color: var(--accent); font-weight: 700; } @@ -1308,6 +1335,10 @@ input { gap: 8px; } + .topbar__actions .button--accent { + padding-inline: 12px; + } + .icon-button--search-mobile { display: inline-flex; } @@ -1376,6 +1407,14 @@ input { height: 34px; } + .search-shortcut { + display: none; + } + + .search-trigger { + width: min(100%, 100%); + } + .post-card { grid-template-columns: 1fr; } @@ -1415,4 +1454,8 @@ input { gap: 6px; font-size: 12px; } + + .meta-divider { + font-size: 11px; + } } diff --git a/assets/icons/keyboard_arrow_down.svg b/assets/icons/keyboard_arrow_down.svg new file mode 100644 index 0000000..aae8890 --- /dev/null +++ b/assets/icons/keyboard_arrow_down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/keyboard_arrow_up.svg b/assets/icons/keyboard_arrow_up.svg new file mode 100644 index 0000000..04d4a11 --- /dev/null +++ b/assets/icons/keyboard_arrow_up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/package.json b/package.json index 6413cc2..4acb18b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ghost-theme-thred-clone", - "version": "0.1.10", + "version": "0.1.11", "private": true, "description": "A Ghost theme inspired by the Thred reference layout.", "keywords": [ diff --git a/partials/site/sidebar-left.hbs b/partials/site/sidebar-left.hbs index 1bd1f3e..7c9d365 100644 --- a/partials/site/sidebar-left.hbs +++ b/partials/site/sidebar-left.hbs @@ -7,7 +7,10 @@ Home pages - ⌄ +
{{navigation}} @@ -20,7 +23,10 @@ Tags - ⌄ +
    @@ -39,7 +45,10 @@ Authors - ⌄ +
      @@ -58,7 +67,10 @@ Members - ⌄ +
        diff --git a/post.hbs b/post.hbs index c7febab..a85ec25 100644 --- a/post.hbs +++ b/post.hbs @@ -6,15 +6,21 @@
        {{#if primary_tag}} - {{primary_tag.name}} + {{primary_tag.name}} {{/if}}

        {{title}}

        - + {{#primary_author}} - {{name}} + / + {{name}} {{/primary_author}} - {{reading_time}} + {{#if primary_tag}} + / + {{primary_tag.name}} + {{/if}} + / + {{reading_time}}
        {{#if feature_image}}