Introducing nested replies

I always felt the “reply” labels could be more specific – so a while back I used some custom CSS to add context:

screenshot

CSS
/* add text to Reply button for the original post (aka Topic)  */
#post_1 nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // Adding this content after Reply
        content: " to this Topic";
      }
    }
  }
}

/* add text to Reply button for all subsequent posts (I'm calling them comments)  */
nav.post-controls {
  .actions {
    button.reply {
      span.d-button-label:after {
        // Adding this content after Reply
        content: " to this comment";
      }
    }
  }
}

/* add text to blue Reply (to Topic) button appearing at the end of the page */
#topic-footer-buttons {
  .topic-footer-main-buttons {
    button.btn-primary.create {
      span.d-button-label:after {
        // Adding this content after Reply
        content: " to main Topic";
      }
    }
  }
}
2 Likes