From 4f0ed027e4b3f82601572ca9ea026c04a17d41be Mon Sep 17 00:00:00 2001 From: ma91n Date: Fri, 4 Sep 2026 22:38:31 +0900 Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E3=81=8D=E5=87=BA=E3=81=97=E3=81=AE?= =?UTF-8?q?=E3=80=8C=E8=A1=A8=E7=A4=BA=E3=83=86=E3=83=BC=E3=83=9E=E3=80=8D?= =?UTF-8?q?=E3=82=92=E7=B5=84=E3=81=AE=E3=83=A9=E3=83=99=E3=83=AB=E3=81=A8?= =?UTF-8?q?=E5=90=8C=E3=81=98=E5=B7=A6=E7=AB=AF=E3=81=AB=E3=81=9D=E3=82=8D?= =?UTF-8?q?=E3=81=88=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 引き出しの中の「表示テーマ」は、行自身の左右 16px の上に .header-nav-label の 12px が乗って 28px 字下げられていた。下に並ぶ 「カテゴリ」「連載」…は 12px なので、同じ段のラベルが1つだけ右へずれる。 左右の余白は中のラベルに任せる。 あわせて .header-theme の中のアイコンから .svg-icon 既定の margin-right（0.3em = 6px）を戻す。絵しか持たないボタンなので、 残すと箱が 28px から 34px になり、絵が箱の中で左に寄っていた （虫眼鏡・送信ボタンは既に戻している）。 Co-Authored-By: Claude Opus 5 (1M context) --- themes/future/css-src/theme-styles.styl | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/themes/future/css-src/theme-styles.styl b/themes/future/css-src/theme-styles.styl index 616b0dc6c2f..403243610d5 100644 --- a/themes/future/css-src/theme-styles.styl +++ b/themes/future/css-src/theme-styles.styl @@ -5296,13 +5296,21 @@ a.award-badge:focus { .header-theme:focus { color: var(--ink-strong); } +/* 絵しか持たないボタンなので、.svg-icon の既定の右マージン（0.3em = 6px）を戻す。 + 残すと箱が 28px から 34px になり、絵が箱の中で左に寄る + （検索の虫眼鏡も同じ理由で戻している） */ +.header-theme .svg-icon { + margin-right: 0; +} /* 引き出しの中の2つ目 (#2746 の切り替えを 575px 以下でここへ降ろす)。 帯とは違って行として並ぶので、絵だけでなく名前を横に出す */ .header-theme-drawer { display: none; align-items: center; gap: (space-step * 2); - padding: (space-step * 3) (space-step * 4); + /* 左右の余白は中の .header-nav-label が持つ。ここで持つと、下に並ぶ組の + ラベル（カテゴリ・連載…）より 16px 右へずれる */ + padding: (space-step * 3) 0; } .header-theme-drawer .header-nav-label { margin: 0;