Page MenuHomePhabricator

[web] Change `messageActionButtons svg` color on hover
ClosedPublic

Authored by atul on Mar 7 2022, 11:25 AM.
Tags
None
Referenced Files
Unknown Object (File)
Wed, Nov 27, 2:50 AM
Unknown Object (File)
Wed, Nov 27, 2:36 AM
Unknown Object (File)
Wed, Nov 27, 12:27 AM
Unknown Object (File)
Sat, Nov 9, 6:08 PM
Unknown Object (File)
Sat, Nov 9, 2:35 PM
Unknown Object (File)
Sat, Nov 9, 2:35 PM
Unknown Object (File)
Sat, Nov 9, 2:35 PM
Unknown Object (File)
Sat, Nov 9, 2:33 PM

Details

Summary

Here's what it looks like:

Test Plan

Looks as expected

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

atul edited reviewers, added: varun; removed: ashoat.
atul requested review of this revision.Mar 7 2022, 11:30 AM
tomek requested changes to this revision.Mar 8 2022, 8:04 AM

It doesn't seem like this is present on the designs https://www.figma.com/file/a1nkbWgbgjRlrOY9LVurTz/Comm-%2F-Desktop-app?node-id=1170%3A77277 but I like this idea.

web/chat/message-action-buttons.css
5–10 ↗(On Diff #10119)

I don't think that changing opacity is the best solution. In this case it might work correct, but what if tooltip background had more colors? (unlikely)
A bigger issue is that the color of buttons now depends on the background color, so we can't simply change background colors without changing the buttons.

A better approach would be to change just color. By doing that the buttons would look ok even when background is not solid and when we decide to change the background solid color.

This revision now requires changes to proceed.Mar 8 2022, 8:04 AM

A bigger issue is that the color of buttons now depends on the background color, so we can't simply change background colors without changing the buttons.

Ah good point, using opacity doesn't seem like a robust solution.

I'll update this diff to use var(--color-disabled) and var(--fg) instead to match what we're doing elsewhere.

address feedback (using colors instead of opacity)

atul retitled this revision from [web] Change `messageActionButtons svg` opacity on hover to [web] Change `messageActionButtons svg` color on hover.Mar 8 2022, 11:20 AM
This revision is now accepted and ready to land.Mar 9 2022, 2:36 AM
This revision was landed with ongoing or failed builds.Mar 9 2022, 8:29 AM
This revision was automatically updated to reflect the committed changes.