タグ選択器をわずかに狭く

Meta 上で、新しい UX の違いを発見しました。タグ選択器は、タイトルフィールドやカテゴリ選択器よりもわずかに幅が狭くなっています。

「いいね!」 8

おそらく sk2 cc @j.jaffeux

「いいね!」 7

実は、あれはずっと前からあったと記憶していますが、修正すべきですね。

「いいね!」 9

2 つの問題があると思います。

  1. select-kit 2 がデフォルトでタグ入力フィールドを別行に強制しています。

  2. より長年続いている問題として、カテゴリ名が長い場合にタグが別行に押しやられることがあります。そうなると、タグ入力フィールドの左マージンはもはや不要になります。flexbox ではその変動に対応する良い方法がありません… モバイル版については、常に 2 カラムにしてテキストを切り捨てるように強制するしかないかもしれません(以前はそうだったと思います)。

    これは grid では問題にならないため、いずれこれらの入力フィールドを grid に更新すれば、より柔軟に対応でき、問題も少なくなるでしょう(おそらく IE サポートを廃止した後が最適でしょう)。

「いいね!」 8

この問題に対する軽微な修正をプッシュしました。これにより、モバイル環境でもカテゴリとタグが同じ行に表示されるようになります。

次のリリースでは、これをグリッドベースに再構築する予定です。その時点で、必要に応じて入力フィールドが折り返せるようにし、左右の余白の調整に悩まなくても済むようにします。@supports(grid) を使用して、古いブラウザでは現在のフレックス実装にフォールバックするようにします。

「いいね!」 11