backdrop-issues icon indicating copy to clipboard operation
backdrop-issues copied to clipboard

Remove help icon PNG

Open NormPlum opened this issue 3 months ago • 8 comments

As per https://github.com/backdrop/backdrop-issues/issues/6548

Instead of replacing with an SVG (which we don't have an exact one of with grey background), we can remove PNG and use CSS instead (like Basis theme).

NormPlum avatar Oct 27 '25 03:10 NormPlum

@NormPlum where can someone test this? I don't know where this icon appears.

herbdool avatar Oct 27 '25 13:10 herbdool

I installed the Styleguide module which shows this with the More Help link.

Basis already overrides it, so you'll need to use the Seven theme to view it.

NormPlum avatar Oct 27 '25 19:10 NormPlum

This issue was discussed in the weekly dev meeting on October 30, https://youtu.be/B2P0CmJMczQ?t=132

From the discussion there is support for this issue, replacing the png with css.

izmeez avatar Nov 01 '25 15:11 izmeez

The code looks good but it's a little hard to test since tugboat doesn't appear to allow installing the styleguide module. Will need to test locally.

izmeez avatar Nov 02 '25 16:11 izmeez

I've tested this locally by setting up a page that outputs theme('more_help_link', array('url' => 'home')).

LTR looks just fine:

Image

However, RTL is too crowded:

Image

I think that's because you've put 0.4em of margin on the right for LTR, but no extra margin on the left for RTL. You should just override the margin for [dir="rtl"] .more-help-link a:before.

Also, there's no need to keep the old CSS commented out; just remove it. Do we need to keep the help.png file? Perhaps so, contribute modules might be counting on its presence.

bugfolder avatar Dec 30 '25 00:12 bugfolder

Thanks, PR updated.

NormPlum avatar Dec 31 '25 01:12 NormPlum

With the updated PR, RTL now looks good, too.

Gonna look at some different themes next.

bugfolder avatar Dec 31 '25 07:12 bugfolder

Here's some results for the six most installed contrib Backdrop themes (number of installs in parens):

Bootstrap 5 Lite (335)

Image

Lateral (300)

Image

Gin (293)

Image

Bootstrap Lite (284)

Image

Axioma (202)

Image

Corporate KISS (180)

Image

Lateral is a tiny bit vertically offset, but the two Bootstrap Lites are definitely cut off.

Here's what Bootstrap 5 Lite rendered without this PR:

Image

Seeing as how BSL5 is the most installed theme in all of contrib, it would be worth some further tweaking of CSS to get this to render nicely in the two Bootstraps (and perhaps also Lateral).

bugfolder avatar Dec 31 '25 07:12 bugfolder