From bbefd07f238dd0cecb82fa75d36ffcffe9613ef8 Mon Sep 17 00:00:00 2001 From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> Date: Sun, 4 Oct 2026 23:10:56 +0900 Subject: bluebey-studio: まえがみ・わけめ・白目の調整と目/口メニュー整理など MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit まえがみを大きさ0でもM字に保つよう調整。わけめの切り込みを浅くした。白目の表示/非表示を線まぶたでも選べるように。目の涙と手描きパーツをこまかい設定へ、口の幅をこまかい設定へ移動し口のパーツ選択を削除。Undo/?!バーを固定表示に。プリセットに「てれ」「じと目」を追加し、ねぼけに鼻ちょうちんを表示。 --- public/bluebey-studio/src/style.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) (limited to 'public/bluebey-studio/src/style.css') diff --git a/public/bluebey-studio/src/style.css b/public/bluebey-studio/src/style.css index 57d5403..bb76265 100644 --- a/public/bluebey-studio/src/style.css +++ b/public/bluebey-studio/src/style.css @@ -225,13 +225,19 @@ body.panel-hidden #topbar { max-width: calc(100vw - 48px); } } body.panel-hidden #topbar { max-width: none; } + + /* The grab handle is sticky at the top of the sheet, so the action bar and the + tabs start below it. */ + .panel-topbar { top: 17px; } + .tabs { top: 51px; } } /* ----------------------------------------------------------------- sections */ .tabs { position: sticky; - top: 0; + /* Sits just below the sticky .panel-topbar (which is 34px tall). */ + top: 34px; z-index: 3; display: flex; align-items: flex-end; @@ -784,8 +790,13 @@ kbd { text-align: center; } -/* The always-visible action bar above the tabs: 元に戻す / やり直す / すべてランダム. */ +/* The always-visible action bar above the tabs: 元に戻す / やり直す / すべてランダム. + Sticky, so it (and the tabs below it) stay on screen while the panel scrolls. */ .panel-topbar { + position: sticky; + top: 0; + z-index: 5; + background: #fdfcff; display: flex; gap: 4px; justify-content: flex-end; -- cgit v1.3.1