Skip to content

[6.x] Command palette button styling suggest you can type in it #13233

@robdekort

Description

@robdekort

Bug description

The command palette styling in the header bar suggest you can type in it. So when I was tabbing through the interface with my keyboard I was kinda thrown off by the fact that I have to hit enter first before I can type.

Image

This is a bit confusing because:

  1. It's styled like a text input.
  2. When you hover over it the mouse changes into a type cursor.

The solution could be:

  1. Remove that cursor and don't style it as a text input but as a button.
  2. Forward any typing when this button has focus into the actual command palette.

How to reproduce

.

Logs

Environment

Environment
Application Name: Theory Digital
Laravel Version: 12.39.0
PHP Version: 8.4.15
Composer Version: 2.9.1
Environment: local
Debug Mode: ENABLED
URL: theorydigital.test
Maintenance Mode: OFF
Timezone: UTC
Locale: en

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: smtp
Queue: sync
Session: file

Storage
public/storage: NOT LINKED

Locales
Installed: en
LaravelLang\Actions\Plugin: 1.11.0
LaravelLang\Attributes\Plugin: 2.14.0
LaravelLang\HttpStatuses\Plugin: 3.11.0
LaravelLang\Lang\Plugin: 15.26.2
LaravelLang\MoonShine\Plugin: INCORRECT
LaravelLang\StarterKits\Plugin: 1.6.0
Locales Version: 2.10.0
Protected: en
Publisher Version: 16.7.0

Statamic
Addons: 4
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 6.0.0-alpha.17 PRO

Statamic Addons
studio1902/statamic-peak-browser-appearance: dev-statamic-6
studio1902/statamic-peak-commands: dev-statamic-6
studio1902/statamic-peak-seo: dev-statamic-6
studio1902/statamic-peak-tools: dev-statamic-6

Installation

Starter Kit using via CLI

Additional details

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions