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

✨ Move extension settings to a Settings panel #1847

Merged
merged 5 commits into from
Dec 2, 2022

Conversation

BenoitZugmeyer
Copy link
Member

@BenoitZugmeyer BenoitZugmeyer commented Dec 1, 2022

Motivation

This PR adjust the extension UI to make it nicer (tweak margins and scrolling areas) and move most settings to a Settings panel

Changes

Screenshot 2022-12-01 at 10 50 03
Screenshot 2022-12-01 at 10 50 08
Screenshot 2022-12-01 at 10 50 11

Testing

  • Local
  • Staging
  • Unit
  • End to end

I have gone over the contributing documentation.

To use the new features of Mantine, let's upgrade to the latest version.
This allows the inner components to chose where to put margins. It also
helps to implement a nice scroll strategy for tabs because now we can
use things like `100vh`.
This component is extracted from the Infos tab and will be reused in the
future Settings tab.
Settings are getting a bit dense. Let's use a separate Settings tab for
it. This is a bit similar to what Chrome and Firefox devtools are doing,
in the sense that settings are centralized in a full screen interface.
This commit improves the overall layout and make tabs content scroll as
expected.
@BenoitZugmeyer BenoitZugmeyer requested a review from a team as a code owner December 1, 2022 09:50
@codecov-commenter
Copy link

Codecov Report

Merging #1847 (4d3dee8) into main (b5bc40d) will decrease coverage by 0.07%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##             main    #1847      +/-   ##
==========================================
- Coverage   93.11%   93.03%   -0.08%     
==========================================
  Files         131      131              
  Lines        5081     5081              
  Branches     1138     1138              
==========================================
- Hits         4731     4727       -4     
- Misses        350      354       +4     
Impacted Files Coverage Δ
...rum-core/src/domain/contexts/foregroundContexts.ts 90.76% <0.00%> (-6.16%) ⬇️

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

@amortemousque
Copy link
Contributor

👏 praise: Love it!

Copy link
Contributor

@bcaudan bcaudan left a comment

Choose a reason for hiding this comment

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

LGTM

@BenoitZugmeyer BenoitZugmeyer merged commit bfcd82d into main Dec 2, 2022
@BenoitZugmeyer BenoitZugmeyer deleted the benoit/extension--preferences-panel branch December 2, 2022 13:09
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.

5 participants