ユーザープロフィールで「...」の代わりに「およびXY他のグループ」を表示

UX
,
4

これでどうでしょうか？

  • まず、最後に名前が付いたリンクの後にコンマを追加します。
  • 次に、「…」を非表示にします。
  • 次に、「and more」テキストを挿入します。これは、「…」のスペースが技術的にはまだそこにあるため、少し後ろにずらします。
  • （他の場所での潜在的な競合を回避するために、より具体的なセレクターも追加しました）
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: ",";
}

.user-main .about .secondary dd.groups:last-child > a {
  visibility: hidden;
}


.user-main .about .secondary dd.groups:last-child > a::after {
  visibility: visible;
  margin-left: -.8rem;
  content: "and more";
}

image

「…」をフローから完全に削除する、より洗練された方法があるかもしれませんが、負のマージンはうまく機能するようです。

「いいね！」 1