Double-clicking on an issue number selects both the number and the badge next to it

[kmandela]

Thanks for the Opale theme.

I have one small change request. Could you please add some space between the Issue Number and Issue Status?

Currently, when I double-click the Issue Number to select it, I’m unable to select it properly because the Issue Status is too close.

Please see the screenshot for reference.

[gagnieray]

I'm not opposed to increasing the spacing here.

However, I'd like to make sure that this is actually the reason why you're unable to select the issue number properly. If it is, I'd also like to know precisely how much the spacing needs to be increased.

On my end, using Firefox on Linux, I'm unable to reproduce: when I double-click, the issue number is selected correctly.

Do you know how to use your web browser’s developer tools to increase the spacing live (the margin-left of the .badge element) and determine the precise value that might fix the issue?

[kmandela]

Thanks for the quick response.
I am experiencing this issue in both Edge and Chrome browsers on a Windows machine.
Adding margin-left to the .badge or ,badge-status-open does not resolve the issue.

---

---

The only solution that works for me is:
<h2 class="inline-block">Support #22921&nbsp;</h2>
Using   after the issue number provides the required spacing and also allows the issue number to be selected properly.

Please check this once when you get a chance.

[gagnieray]

I am experiencing this issue in both Edge and Chrome browsers on a Windows machine.

Alright! I could reproduce on Linux with Edge, Chrome, Opera, and GNOME Web.

It doesn't happen with the default theme.
So it is definitely related to Opale. And it must impact all the browsers based on the WebKit or Blink engines.

The only solution that works for me is:
<h2 class="inline-block">Support #22921&nbsp;</h2>
Using   after the issue number provides the required spacing and also allows the issue number to be selected properly.

Unfortunately, it is not possible to override pages' templates from a theme.
The origin of this issue must rely in the CSS, as it doesn't happen with the default theme.
I'll try to figure it out.

Can you please tell me which version of Redmine you use ?

[kmandela]

@gagnieray Redmine version is "7.0.0.stable"