ネストされた返信の紹介

[ToddZ]

@markvanlan

フラットモードでは、さまざまな 返信 ボタンはあまり重要ではありません。投稿はトピックの下部に配置されます。ユーザーが常にネストされたビューに対応する「正しいボタン」を意識して押しているとは限りません。

私は以前から「返信」のラベルをより具体的にするべきだと感じていました。そのため、少し前 にカスタム CSS を使用して文脈を追加しました。

スクリーンショット

CSS

/* オリジナルの投稿（トピック）の「返信」ボタンにテキストを追加 */
#post_1 nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // 「返信」の後にこの内容を追加
        content: " to this Topic";
      }
    }
  }
}

/* 2 番目以降のすべての投稿（コメントと呼んでいます）の「返信」ボタンにテキストを追加 */
nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // 「返信」の後にこの内容を追加
        content: " to this comment";
      }
    }
  }
}

/* ページの末尾に表示される青色の「返信（トピックへ）」ボタンにテキストを追加 */
#topic-footer-buttons {
  .topic-footer-main-buttons {
    button.btn-primary.create {
      span.d-button-label:after {
        // 「返信」の後にこの内容を追加
        content: " to main Topic";
      }
    }
  }
}