XF 2.1 How do I add a new button next to Watch button in thread view?

gogo

Well-known member
But I would like to make it an independent button rather than sticking to Watch button?

[New button] [Watch] rather than [New button|Watch]

I know how to make the New button, but I have no idea how to add a gap in between...
 
Last edited:
It is not as easy as it seems.

1. Create your own Style
2. Edit the template thread_view just in this style
3. Delete in Row 115 the part <div class="buttonGroup"> and in Row 222 the part </div>
4. Delete in Row 152 the part <div class="buttonGroup-buttonWrapper"> and in Row 219 the part </div>
5. do it on your own risk
 

Attachments

  • Screenshot 2020-05-23 21.51.06.webp
    Screenshot 2020-05-23 21.51.06.webp
    1.2 KB · Views: 4
  • Screenshot 2020-05-23 22.02.04.webp
    Screenshot 2020-05-23 22.02.04.webp
    1.2 KB · Views: 4
  • Screenshot 2020-05-23 22.02.13.webp
    Screenshot 2020-05-23 22.02.13.webp
    9.8 KB · Views: 4
  • Screenshot 2020-05-23 22.02.23.webp
    Screenshot 2020-05-23 22.02.23.webp
    10.1 KB · Views: 3
Thanks a lot. I'm able to add the extra space between the buttons by adding a right margin to the first button.

How do I add the left border and radius to the corner of the button next to it then?

1590293625847.webp

The challenge is how I can identify this button. It's not necessarily the last button.
 
Thanks a lot. I'm able to add the extra space between the buttons by adding a right margin to the first button.

How do I add the left border and radius to the corner of the button next to it then?

View attachment 225869

The challenge is how I can identify this button. It's not necessarily the last button.
Try this and hope it works o_O

.buttonGroup > .button:not(:first-child):not(:last-child) {border-radius: 16px}
 
Top Bottom