Eine markenbemalte Dropdown-Oberfläche für die gesamte Oberleiste

Featurekamo-internal
Verschifft
10. September 2026 um 19:50 UTC
Autor
Kamo
Ausschuss
5d551ac

Jeder Dropdown, der an NavTop hängt - die acht Optionen Menüs (Mail, Docs, Text, Rechner, Support, Einstellungen, Linux Desktop, Spiele), die Verfügbarkeitspille und der Sprach-Picker - öffnet sich jetzt in EINEM geteilte Oberfläche anstelle seines eigenen weißen MUI Popover. - In der Grundfarbe der Organisation mit weißen Etiketten und Symbolen gemalt. Seine obere Kante sitzt bündig auf der unteren Kante der Bar, in der eigenen Farbe an dieser Stelle (der Abstechung stoppt jetzt live in navtop/menu/navTopSeam.ts und NavTop baut seinen Hintergrund daraus, mit quadratischen oberen Ecken und ein konkave verbinden beide Seiten, so liest es sich wie die Bar nach unten, anstatt eine Schelange gelegt die Seite. Eine Marke zu hell für weißen Text wird in ihrem eigenen Farbton nur so weit wie WCAG AA abgedunkelt benötigt (eine Leuchtdichte in CSS-Tierbküre); jede andere Marke wird nachgewählt gezeichnet. - Öffnet unter einer ruhenden Maus, folgt dem Mauszeiger entlang der Bar - die Oberfläche gleitet und verkleinert zum nächsten Menü, während der Inhalt in Fahrtrichtung gleitet - und in die bar kurz nach dem Mauszeiger verlässt sowohl den Auslöser und das Panel. Ein Klick oder ein Tippen zündet es bis eine Außenpresse, Escape oder eine Wahl; ein Tippen fokussiert nie ein Textfeld. - Tastatur: Enter / Raum / ArrowDown öffnen Sie sich auf die erste Reihe, Pfeile gehen die Reihen, Home / Ende, type-ahead, Rechts / Links öffnen und schließen Gruppen und Schritt zum benachbarten Menü, Escape Hände fokussiert zurück auf den Trigger. - Ein Highlight, das von Reihe zu Reihe gleitet, Gruppen, die unter ihrer Reihe auf einem Guide-Thread öffnen, Einzelring auf Zählabzeichen, die Cheddar Balance Zählen. Alle Bewegung weg unter reduzierter Bewegung. - Einstellungen erhält ein Suchfeld, das innerhalb seiner Gruppen sucht und markiert das Spiel; Enter öffnet die erster Treffer. Der Sprachpflücker ist ein zweispaltiges Raster aller 22 Sprachen, durchsuchbar nach nativem Namen, Englischer Name oder Code. Die Einstellungen schalten ein und die Cheddar-Geschwindel werden weiß und bleiben in der Schiene unverändert. Die Rail-Fly-outs sind unverändert - die Schiene lugt bereits auf Schwebe. Wenn sich ein Menü öffnet, wechselt und schließt ist eine React-freie Zustandsmaschine (navtop/menu/hoverIntent.ts) mit eigenen Tests. Verifiziert in echtem Chrome gegen die realen Komponenten (esbuild Gurtzeug, Datenquellen stubbed): 170 gemessene Kontrollen bei 11 Marken - Schwebe-Timing, die Flush Naht und Ecken, beide konkave verbindet, weißer Text bei 4.5:1 oder besser auf jedem Teil des Panels, weiße Tinte durchgehend, das Gleiten zwischen Menüs, die Urlaub Gnade, eine Diagonale über einen Nachbarn nicht stehlen das Menü, Click-to-Pin, Touch, Tastatur, sowohl Suchanfragen als auch reduzierte Bewegung. 287 Tests in den Navi und Navi-Suiten, tsc, und die Bild-Build schützt vor dem aktuellen en.json des Wörterbuchs.

Alle Änderungen

Wie, was Sie sehen Versand?

Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.

Free Forever startenPreisgestaltung anzeigen