Skip to content
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

fix: comment view styling #7965

Merged
merged 1 commit into from
Mar 27, 2024

Conversation

BeksOmega
Copy link
Collaborator

The basics

The details

Resolves

Fixes N/A

Proposed Changes

Was documenting customizing the view of workspace comments and realized there were a few things that needed fixing:

  • Setting colors on image elements via css doesn't actually work, so I removed that CSS variable.
  • We should have a default delete icon image.
  • The foldout icon image needed a better name than "arrow-dropdown"

Test Coverage

Tested that all of the icons show up properly.

Documentation

This was for documentation!

Additional Information

N/A

@github-actions github-actions bot added the PR: fix Fixes a bug label Mar 26, 2024
@BeksOmega BeksOmega marked this pull request as ready for review March 26, 2024 23:32
@BeksOmega BeksOmega requested a review from a team as a code owner March 26, 2024 23:32
@@ -759,22 +758,18 @@ css.register(`
.blocklyDeleteIcon {
width: 20px;
height: 20px;
display: none;
fill: var(--commentIconColour);
Copy link
Contributor

Choose a reason for hiding this comment

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

This should work fine, I think the problem is that you're overriding this because the actual svg has "fill" as an inline attribute.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Nope I tried that! <image> tags basically work like <img> tags, meaning you can't style their contents.

Copy link
Contributor

Choose a reason for hiding this comment

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

Alright, that's annoying and I hate all of the weird tricks to make it work :(

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Yeah it sucks, I also tried using <use> tags instead, but those just don't show up at all.

@@ -759,22 +758,18 @@ css.register(`
.blocklyDeleteIcon {
width: 20px;
height: 20px;
display: none;
fill: var(--commentIconColour);
Copy link
Contributor

Choose a reason for hiding this comment

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

Alright, that's annoying and I hate all of the weird tricks to make it work :(

@BeksOmega BeksOmega merged commit 3ea330b into google:rc/v11.0.0 Mar 27, 2024
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PR: fix Fixes a bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants