# Select posts selector overlapping posts

**URL:** https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731
**Category:** UX
**Created:** [July 19, 2018, 4:58pm UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731 "2018-07-19T16:58:43Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![nawthor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nawthor/32/71115_2.png) [@nawthor](https://meta.discourse.org/u/nawthor)
#### Post date: [July 19, 2018, 4:58pm UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/1 "2018-07-19T16:58:43Z")

</div>

The selectors from the “Select Posts…” option in the topic admin wrench overlap the last part of the first line of the post if it’s long enough.

Example:

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/4/04c130925787902d5d074e6acc36f65d31293b88.png)

The simple solution seems to me to be to move the selectors to be beside the post time, above the text of the post, something like this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/4/1455e6226df3e7198c2f49cc9b6a2873c873a893.png)

Kind of like it is on mobile.  
(Quick mock-up made in MS Paint using screenshots)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [July 19, 2018, 11:31pm UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/2 "2018-07-19T23:31:47Z")

</div>

Sure maybe @awesomerobot can have a quick look next week.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 20, 2018, 8:43pm UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/4 "2018-07-20T20:43:35Z")

</div>

Moved the buttons, also improved button contrast, made the styling more consistent with the rest of our UI, and consolidated some duplicate mobile/desktop CSS.

[https://github.com/discourse/discourse/commit/c6fe6a88209bb183c554aab605e825e798884e62](https://github.com/discourse/discourse/commit/c6fe6a88209bb183c554aab605e825e798884e62)

 ![28%20PM](https://global.discourse-cdn.com/meta/original/3X/a/8/a862026fcdc994dba418f06405fc5852742192c8.jpg)

Thanks for the suggestion @nawthor 🏆

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [July 22, 2018, 6:11am UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/6 "2018-07-22T06:11:40Z")

</div>

@awesomerobot thanks for giving this some TLC! Definitely a major improvement. I do have one small issue to report. When post selection is active, the `.reply-to-tab` sits on top of the select buttons:

 ![Reply-to](https://global.discourse-cdn.com/meta/original/3X/a/4/a4129a8b135e466de5162a6f83e823d6b5fa9643.png)

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [July 22, 2018, 6:39am UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/7 "2018-07-22T06:39:25Z")

</div>

I think something like an alpha background z-indexed over the post controls would look OK.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [July 22, 2018, 7:34am UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/8 "2018-07-22T07:34:15Z")

</div>

Such a nice improvement thank you 😍

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 23, 2018, 1:41am UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/9 "2018-07-23T01:41:53Z")

</div>

ooh right, just pushed a fix for that

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 24, 2018, 10:00pm UTC](https://meta.discourse.org/t/select-posts-selector-overlapping-posts/92731/10 "2018-07-24T22:00:04Z")

</div>

This topic was automatically closed after 4 days. New replies are no longer allowed.
