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: Fancier menus, more SIP-34-ish #10423

Merged
merged 20 commits into from
Aug 25, 2020
Merged

Conversation

rusackas
Copy link
Member

@rusackas rusackas commented Jul 24, 2020

SUMMARY

Moving the menus toward SIP-34. Design details are a bit up for grabs... I'll continue to steer with @Steejay. Probably best not to merge until #10401 is merged, so this doesn't cause headaches alternating between the two menus.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

looping

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

@rusackas rusackas changed the title style: shinier menus style: Fancier menus, more SIP-34-ish Jul 24, 2020
@codecov-commenter
Copy link

codecov-commenter commented Jul 26, 2020

Codecov Report

Merging #10423 into master will decrease coverage by 0.16%.
The diff coverage is 96.96%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master   #10423      +/-   ##
==========================================
- Coverage   60.17%   60.01%   -0.17%     
==========================================
  Files         784      785       +1     
  Lines       36954    36980      +26     
  Branches     3529     3530       +1     
==========================================
- Hits        22238    22193      -45     
- Misses      14529    14600      +71     
  Partials      187      187              
Flag Coverage Δ
#javascript 60.91% <96.96%> (+0.07%) ⬆️
#python 59.47% <ø> (-0.31%) ⬇️

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

Impacted Files Coverage Δ
...perset-frontend/src/components/Menu/MenuObject.tsx 86.66% <66.66%> (ø)
superset-frontend/src/components/Icon/index.tsx 100.00% <100.00%> (ø)
...et-frontend/src/components/Menu/LanguagePicker.tsx 100.00% <100.00%> (ø)
superset-frontend/src/components/Menu/Menu.tsx 93.33% <100.00%> (+1.02%) ⬆️
superset-frontend/src/components/Menu/UserMenu.tsx 100.00% <100.00%> (ø)
...rset-frontend/src/components/NavDropdown/index.tsx 100.00% <100.00%> (ø)
superset/db_engine_specs/mysql.py 79.16% <0.00%> (-12.50%) ⬇️
superset/db_engine_specs/presto.py 70.91% <0.00%> (-11.41%) ⬇️
superset/examples/world_bank.py 97.10% <0.00%> (-2.90%) ⬇️
superset/examples/birth_names.py 97.36% <0.00%> (-2.64%) ⬇️
... and 5 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 fdfb7cd...826563c. Read the comment docs.

@rusackas rusackas marked this pull request as ready for review July 27, 2020 04:30
Copy link
Member

@etr2460 etr2460 left a comment

Choose a reason for hiding this comment

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

My biggest question is about the !importants. Is there a way to avoid these? And if not, can we add comments explicitly saying why we need to use them?

To be clear, I would much, much rather we get rid of them. But if it's impossible, then a comment would help remove a bit of the code smell

superset-frontend/src/components/Menu/Menu.tsx Outdated Show resolved Hide resolved
superset-frontend/src/components/Menu/MenuObject.tsx Outdated Show resolved Hide resolved
superset-frontend/src/components/NavDropdown/index.tsx Outdated Show resolved Hide resolved
superset-frontend/src/components/NavDropdown/index.tsx Outdated Show resolved Hide resolved
superset-frontend/src/components/NavDropdown/index.tsx Outdated Show resolved Hide resolved
@rusackas rusackas marked this pull request as draft August 3, 2020 17:35
@rusackas rusackas marked this pull request as ready for review August 24, 2020 21:43
@rusackas
Copy link
Member Author

Got the two lil' menus on the right to conform, for good measure.
rightmenu

@rusackas
Copy link
Member Author

Addressed PR comments and made lots of touchups. @mistercrunch / @etr2460 if you wouldn't mind giving it another glance, that'd make me feel better before merging. @riahk / @nytai might want to take a glance too.

@rusackas
Copy link
Member Author

Addresses aspects of #8976

@rusackas rusackas merged commit 4b40d44 into apache:master Aug 25, 2020
@rusackas rusackas deleted the Menu-cleanup branch August 25, 2020 06:16
Ofeknielsen pushed a commit to ofekisr/incubator-superset that referenced this pull request Oct 5, 2020
* style: shinier menus

* fixing mouseover glitch

* unused import

* rm emotion-reset

* restoring default config values

* lint fixes ✨

* a bit more pizzaz to the underlines (max's idea), fading active background

* simplifying navtitle -> label

* RBNavDropdown  -> ReactBootstrapNavDropdown

* nixing whitespace

* replacing !importants with better selector specificity

* moving Menu LESS into Emotion

* no more border!

* fixing border issue

* language picker, account dropdown now use new dropdown component

* nixing whitespace in comment

* nixing duplicate styling

* removing borders on FAB navbar

* explicit font coloring

* linting
auxten pushed a commit to auxten/incubator-superset that referenced this pull request Nov 20, 2020
* style: shinier menus

* fixing mouseover glitch

* unused import

* rm emotion-reset

* restoring default config values

* lint fixes ✨

* a bit more pizzaz to the underlines (max's idea), fading active background

* simplifying navtitle -> label

* RBNavDropdown  -> ReactBootstrapNavDropdown

* nixing whitespace

* replacing !importants with better selector specificity

* moving Menu LESS into Emotion

* no more border!

* fixing border issue

* language picker, account dropdown now use new dropdown component

* nixing whitespace in comment

* nixing duplicate styling

* removing borders on FAB navbar

* explicit font coloring

* linting
@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/L 🚢 0.38.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants