Skip to content

fix: changing card hover behaviour #875

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

Merged
merged 4 commits into from
May 25, 2021
Merged

Conversation

alok-traceable
Copy link
Contributor

@alok-traceable alok-traceable commented May 24, 2021

Description

Global changes on card component hover behavior.

  • Removing grey background on hover
  • Changes on box-shadow on hover
  • Removing change in border color on hover

Testing

Verified on the local environment. Mostly all changes are on stylings.

Checklist:

  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • Any dependent changes have been merged and published in downstream modules

@alok-traceable alok-traceable requested a review from a team as a code owner May 24, 2021 07:58
@codecov
Copy link

codecov bot commented May 24, 2021

Codecov Report

Merging #875 (a596c8a) into main (682e80c) will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##             main     #875   +/-   ##
=======================================
  Coverage   85.36%   85.36%           
=======================================
  Files         799      799           
  Lines       16434    16434           
  Branches     2064     2064           
=======================================
  Hits        14029    14029           
  Misses       2373     2373           
  Partials       32       32           

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 682e80c...a596c8a. Read the comment docs.

@github-actions

This comment has been minimized.

@github-actions

This comment has been minimized.

@@ -9,12 +9,16 @@

@mixin card-hover {
&:hover {
@include dropdown-box-shadow();
@include box-shadow-2dp();
cursor: pointer;
}
}

@mixin filter-box-shadow {
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: why the 2 separate mixins defined the same?

@github-actions

This comment has been minimized.

@anandtiwary
Copy link
Contributor

@alok-traceable Could you please share a before and after screenshot?

@@ -33,21 +34,13 @@
}

&:hover {
background: $blue-2;
Copy link
Contributor

Choose a reason for hiding this comment

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

We don't want to show a darker blue when user hover on selected card?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Need to remove these on hover on card

  1. border
  2. background color change

To maintain consistency on hover elements, selected and un-selected cards should follow the same behavior.
I can revert this change if required.

@github-actions

This comment has been minimized.

@alok-traceable alok-traceable merged commit 3304fe6 into main May 25, 2021
@alok-traceable alok-traceable deleted the card_hover_behavior branch May 25, 2021 08:24
@github-actions
Copy link

Unit Test Results

    4 files  ±0  254 suites  ±0   15m 15s ⏱️ -13s
916 tests ±0  916 ✔️ ±0  0 💤 ±0  0 ❌ ±0 
922 runs  ±0  922 ✔️ ±0  0 💤 ±0  0 ❌ ±0 

Results for commit 3304fe6. ± Comparison against base commit 682e80c.

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.

3 participants