Skip to content

Fixes #17405: Added plugin icon to plugin list/detail #19333

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

jnovinger
Copy link
Member

@jnovinger jnovinger commented Apr 25, 2025

Fixes: #17405

  • uses new icon URL value from the plugins catalog API
  • applies minimal styling to keep image display from being to large relative to nearby text
  • assumes icons are black and white and inverts the image via CSS for dark mode

@@ -75,3 +75,15 @@ span.color-label {
.btn-grey, .btn-gray {
@extend .btn-secondary;
}

img.plugin-icon {
max-width: 1.4285em;
Copy link
Member Author

@jnovinger jnovinger Apr 25, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was eye-balled (at ~9/7) so that it matched the font-size. I didn't immediately see any variables to re-use here.

// Assuming icon is black/white line art, invert it and tone down brightness
img.plugin-icon {
filter: invert(100%) brightness(80%);
}
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not loving this approach, unless we'll only ever accept black/white line-drawing-ish icons.

@jnovinger jnovinger force-pushed the 17405-plugin-icons branch from ab6ca96 to 9173a11 Compare April 25, 2025 19:07
@jnovinger jnovinger requested review from a team and bctiemann and removed request for a team April 25, 2025 19:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Include the plugin's icon (if any) when displaying plugins from the catalog
1 participant