조금 더 좁은 태그 선택기

[nexo]

메타에서 새로운 UX 차이를 발견했습니다: 태그 선택기가 제목 필드와 카테고리 선택기보다 약간 좁습니다.

[jomaxro (Joshua Rosenfeld)]

아마도 sk2 cc @j.jaffeux

[codinghorror (Jeff Atwood)]

실제로 기억이 맞다면 꽤 오래전부터 존재했던 문제인데, 수정해야 할 것 같습니다.

[awesomerobot (Kris)]

두 가지 문제라고 생각합니다.

1. select-kit 2는 기본적으로 태그 입력 필드를 별도의 줄로 배치합니다.

2. 오래된 문제는 긴 카테고리 이름이 있을 때 태그가 별도의 줄로 밀려나는 경우가 있다는 것입니다. 이때 태그 입력 필드의 왼쪽 여백은 더 이상 필요하지 않습니다. Flexbox에서는 이러한 변화를 고려하는 좋은 방법이 없습니다… 모바일의 경우, 항상 2열로 강제하고 잘라내는(truncate) 방식이 좋을 것 같습니다(이전에는 그런 방식이었을 수도 있습니다?).

   Grid에서는 이러한 문제가 없으므로, 언젠가 해당 입력 필드를 Grid로 업데이트하면 더 유연하고 문제가 적을 것입니다(아마도 IE 지원을 중단한 후에 진행하는 것이 가장 좋겠습니다).

[awesomerobot (Kris)]

이 문제를 위한 사소한 수정을 적용했습니다. 이제 모바일에서는 카테고리 및 태그가 같은 줄에 표시됩니다.

UX: Keep mobile composer category and tag inputs on one line

다음 릴리스에서는 이를 그리드로 재구성할 계획입니다. 그 시점에는 추가적인 좌우 여백을 걱정하지 않고 필요 시 입력 필드가 줄바꿈될 수 있도록 할 것입니다. 구형 브라우저는 현재 플렉스 구현으로 폴백되도록 @supports(grid)를 사용할 것입니다.