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

style: add fade transition to bottom border on navbar menu items #10402

Merged
merged 4 commits into from
Jul 23, 2020

Conversation

riahk
Copy link
Contributor

@riahk riahk commented Jul 22, 2020

SUMMARY

Update the navbar's current menu item hover state to fade in the bottom border

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:
navbar hover before 7:22:2020

After:
navbar hover after 7:22:2020

TEST PLAN

ADDITIONAL INFORMATION

  • Has associated issue:
  • Changes UI
  • Requires DB Migration.
  • Confirm DB Migration upgrade and downgrade tested.
  • Introduces new feature or API
  • Removes existing feature or API

@codecov-commenter
Copy link

codecov-commenter commented Jul 22, 2020

Codecov Report

Merging #10402 into master will decrease coverage by 5.11%.
The diff coverage is 100.00%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master   #10402      +/-   ##
==========================================
- Coverage   70.41%   65.30%   -5.12%     
==========================================
  Files         604      605       +1     
  Lines       32429    32410      -19     
  Branches     3298     3295       -3     
==========================================
- Hits        22836    21164    -1672     
- Misses       9487    11061    +1574     
- Partials      106      185      +79     
Flag Coverage Δ
#cypress ?
#javascript 59.26% <100.00%> (-0.06%) ⬇️
#python 69.54% <ø> (-0.21%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
superset-frontend/src/components/Menu/Menu.jsx 89.47% <100.00%> (+1.23%) ⬆️
superset-frontend/src/SqlLab/App.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/explore/App.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/dashboard/App.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/explore/index.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/dashboard/index.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/setup/setupColors.js 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/chart/ChartContainer.jsx 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/setup/setupFormatters.js 0.00% <0.00%> (-100.00%) ⬇️
superset-frontend/src/explore/reducers/index.js 0.00% <0.00%> (-100.00%) ⬇️
... and 174 more

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 3fdc141...ae5e048. Read the comment docs.

Copy link
Member

@mistercrunch mistercrunch left a comment

Choose a reason for hiding this comment

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

Welcome to the community @riahk !

banana

superset-frontend/src/components/Menu/Menu.jsx Outdated Show resolved Hide resolved
@rusackas
Copy link
Member

Welcome to the community @riahk !

Yeah, welcome to the party!
woohoo

@nytai nytai requested a review from mistercrunch July 23, 2020 18:27
@riahk riahk requested review from rusackas and etr2460 July 23, 2020 18:28
Copy link
Member

@rusackas rusackas left a comment

Choose a reason for hiding this comment

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

LGTM!

@rusackas rusackas merged commit 6fde7f8 into apache:master Jul 23, 2020
@rusackas rusackas deleted the moriah/navbar-hover-transition branch July 23, 2020 19:49
@rusackas
Copy link
Member

Impacts #8976

auxten pushed a commit to auxten/incubator-superset that referenced this pull request Nov 20, 2020
…che#10402)

* Add fade transition to bottom border on navbar menu items

* lint fix

* use theme variables

* fix spec
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 0.38.0 labels Mar 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels size/S 🚢 0.38.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants