From da7ee39d337c6a461f28f901c96d86e4d484a041 Mon Sep 17 00:00:00 2001 From: Adib Hanna Date: Wed, 23 Sep 2026 11:11:17 -0500 Subject: [PATCH] fix(mobile): hide the New note form's key hints on the phone (ZenNotes/zennotes#842) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The New note form that the note search opens from its Create row (core 2.54) showed the desktop's hardware-keyboard hints on the phone: "↑↓ pick", "↵ create" and "esc back" in the footer beside Back and Create, and a "Shift+↵" chip inside the Open it button when the name already exists. A phone has no hardware keyboard, so they were noise in a footer that sits right above the soft keyboard. The rule that hides every other palette footer could not take this one, because the form's footer also holds Back and Create. The core now marks the hint group and the chip with `data-keyboard-hints`, and this rule hides whatever carries that marker on the phone layout. Until the shell adopts a core with the marker the rule matches nothing; a tablet with a keyboard keeps the hints, since the rule is scoped to `.zn-phone`. Seen on the iPhone 17 Pro Max simulator with a local core candidate: the footer shows Back and Create only, and the button reads just "Open it". --- src/ui-mobile/mobile.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/ui-mobile/mobile.css b/src/ui-mobile/mobile.css index 0841a95..d6f4e45 100644 --- a/src/ui-mobile/mobile.css +++ b/src/ui-mobile/mobile.css @@ -1555,6 +1555,14 @@ display: none; } +/* The New note form's key hints ("↑↓ pick", "↵ create", "esc back", and the + "Shift+↵" chip in its Open it button). Its footer also holds Back and + Create, so the palette-footer rule above must not match it; the core marks + the hints themselves instead (ZenNotes/zennotes#842). */ +.zn-mobile.zn-phone .z-palette [data-keyboard-hints] { + display: none; +} + /* iOS-style back chevron injected at the start of the note header (useHeaderBackButton) — navigation lives here, not in the FAB dial. */ .zn-phone .zn-header-back {