Release v1.19.0 — 헤더와 검색 · kh1012/instant-elements

검색창이 히어로 안에 있어서, 목록을 스크롤해 내려가면 검색하러 맨 위로 되돌아와야 했습니다. 헤더로 올렸습니다.

헤더가 둘로 나뉩니다

왼쪽은 어디로 갈까 — 프로젝트 이름과 화면 전환(컴포넌트·페이지·흐름). 오른쪽은 무엇을 할까 — 검색·팔레트·실행 로그·테마·단축키·나.

하나에 몰아넣으니 검색창이 들어오면서 pill 이 화면을 가로지르고, 이동과 동작이 한 줄에 섞여 구분이 안 됐습니다.

/ 로 검색창에 바로 갑니다. 그 화면에 검색창이 없으면 대신 팔레트(⌘K)가 열립니다.
타이핑과 필터링이 나뉘어 있습니다. 글자를 칠 때는 자동완성만 반응하고, Enter 를 눌러야 목록이 걸러집니다 — 매 글자마다 목록 전체를 다시 거르면 입력이 밀립니다.
자동완성에서 항목을 고르면 그 컴포넌트로 바로 갑니다. 최근 검색어는 화면별로 따로 쌓입니다.
화면을 옮겨도 검색창이 다시 그려지지 않습니다(포커스가 날아가지 않습니다).

지금까지는 상세 화면에서 실행을 시작하는 것만이 로그 패널을 여는 길이라, 한 번 닫으면 돌던 실행을 다시 볼 수 없었습니다. 이제 헤더에 손잡이가 있습니다(⌘⇧A).

돌고 있으면 초록 점이 맥박치고, 끝나는 순간 잠깐 반짝입니다 — 다른 화면을 보고 있어도 알아야 하니까요. ie gallery --agent 로 띄웠을 때만 나타납니다.

? 로 전체 목록을 봅니다. 표기·핸들러·접근성 속성이 한 파일에서만 오므로 서로 어긋나지 않습니다.

우하단에 "맨 위로" 버튼이 생겼고, 히어로의 회색 박스를 걷어냈습니다(진짜 헤더와 카드 사이에서 두 번째 헤더처럼 읽혔습니다).