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: adjust background color for in call reactions tooltip [WPB-14328] #18310

Merged
merged 1 commit into from
Nov 14, 2024

Conversation

V-Gira
Copy link
Contributor

@V-Gira V-Gira commented Nov 14, 2024

TaskWPB-14328 [Web] Tooltip for incall reactions not darkmode friendly

Description

assign css variable for tooltip's background compatible with dark mode

Screenshots/Screencast (for UI changes)

Before:
image
After:
image

Checklist

  • mentions the JIRA issue in the PR name (Ex. WPB-423)
  • PR has been self reviewed by the author;
  • Hard-to-understand areas of the code have been commented;
  • If it is a core feature, unit tests have been added;

Copy link

sonarcloud bot commented Nov 14, 2024

@@ -167,7 +167,7 @@
border-radius: 1rem;
font-size: 1.5rem;
&:hover {
background-color: var(--inactive-call-button-border);
background-color: var(--inactive-call-button-hover-bg);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

more inline with the rest of the call ui button it does change the light mode hover state (couldn't find hover states on figma)
Before:
image
After:
image

@@ -142,7 +142,7 @@
display: grid;
padding: 0.4rem;
border-radius: 1rem;
background-color: #fff;
background-color: var(--app-bg-secondary);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

var(--app-bg-secondary) seems to fit here, white in light mode, black in dark mode

@codecov-commenter
Copy link

codecov-commenter commented Nov 14, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 46.58%. Comparing base (7d54543) to head (8a1758a).
Report is 4 commits behind head on dev.

Additional details and impacted files
@@           Coverage Diff           @@
##              dev   #18310   +/-   ##
=======================================
  Coverage   46.58%   46.58%           
=======================================
  Files         828      828           
  Lines       26029    26030    +1     
  Branches     5898     5899    +1     
=======================================
+ Hits        12125    12127    +2     
  Misses      12390    12390           
+ Partials     1514     1513    -1     

Copy link
Contributor

@e-maad e-maad left a comment

Choose a reason for hiding this comment

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

LGTM 🚀

@V-Gira V-Gira merged commit 3963a76 into dev Nov 14, 2024
24 checks passed
@V-Gira V-Gira deleted the v/call-reactions-tooltip-dm branch November 14, 2024 16:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants