カテゴリのドロップダウンが長いカテゴリ名を切り捨てない…

カテゴリドロップダウンセレクターの表示プロパティが、長いカテゴリ名で折り返されず、省略記号(…)で切り捨てられません。

「いいね!」 3

同じ表示を維持するために幅を変更せず、省略記号を追加することがここでは解決策になる可能性があります。

.name > .badge-wrapper .badge-category {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

image

「いいね!」 2

ありがとうございます。CSSで対応しようと考えていたのですが、まだ試していませんでした。解決策を見つけようと費やす時間を節約していただき、助かりました!:slight_smile: 素晴らしい仕事です :clap:

「いいね!」 2

@Lilly これはセーフモードでも発生しますか?メタのより長いカテゴリを見ると、期待どおりに表示されるようです!

「いいね!」 2

セーフモードで発生していることを確認できます。

@isaac - スクリーンショットを追加しました

「いいね!」 1

確認していませんでしたが、すでにCSSコードがありました。私のミスです。

しかし、それは箇条書きでカテゴリ名を選択しているように見えますが、LillyのDiscourseには箇条書きがありません。

メタにて:

Lilly:

バッジラッパーの箇条書きを削除しました。しかし、あなたのコードは正常に動作しました。

カテゴリの箇条書きの設定があることは承知していますが、テーマごとに箇条書きが表示される場所を細かく制御したいと考えています。

これが問題の原因、または少なくとも悪影響を与えている原因だと思います。Discourseの最新バージョンでは:


以前はドロップダウンオプションが切り捨てられていましたか?

@isaac バッジラッパーの非表示コードと@Arkshineが提供した省略記号コードを削除し、admin-settings-category styleをnone(バッジなし)に設定してセーフモードで実行しましたが、セーフモードのスクリーンショットと同じ問題が発生します。コンポーネントはセーフモードでは影響しないはずです。

「いいね!」 1

@Lillyさん、ありがとうございます。はい、これで問題を再現できます!ありがとうございます!

「いいね!」 2

参考までに、これは機能的または重大な問題ではないため、バグではなくUXに投稿しました。これは、非常に長いカテゴリ名の場合(そしてその後発見されたように、バッジラッパーの箇条書きがない場合)のUIの外観にのみ影響します。

これはここで修正されました。

「いいね!」 2

@awesomerobot は素晴らしいです :star_struck: ありがとう!

「いいね!」 2

このトピックは15時間後に自動的に閉じられました。返信はもうできません。