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

[Look&Feel] Notebooks Density and Consistency Improvements #2073

Merged
merged 4 commits into from
Aug 22, 2024

Conversation

danieldong51
Copy link
Contributor

@danieldong51 danieldong51 commented Aug 19, 2024

Description

This PR applies the Look & Feel density and consistency changes to Notebooks:

  1. Use small context menus
  2. Use small tabs
  3. Standardize paragraph size (15.75px next theme / 14px V7 theme)
  4. Use semantic headers (H1s on main pages, H2s on modals/flyouts)
  5. Modal/Flyout Typography
  6. Buttons for actions, only using primary buttons for primary calls to action
  7. Use small padding on popovers

Screenshots

Small context Menu

Scope Before After
Notebook: Header Reporting Notebook Header Reporting Before Notebook Header Reporting Post
Notebook: Header Paragraph Notebook Header Paragraph Before Notebook Header Paragraph Post
Notebook: Header Notebook Notebook Header Notebook HeaderActions Before Notebook Header Notebook HeaderActions Post
Notebook: Add Notebook Add Paragraph Before Notebook Add Paragraph Post
Notebook: Paragraph Notebook Paragraph Options Before Notebook Paragraph Options Post
Notebook: Listing Notebooks Listing Before Notebooks Listing Post

Paragraph size

Scope Before After
Notebooks: Empty overview Notebooks Empty Before Notebooks Empty Post
Notebooks: Empty notebook Notebook Empty Before Notebook Empty Post
Notebooks: Timestamp Notebook Output Timestamp Before Notebook Output Timestamp Post
Notebooks: Created Notebook Created Before Notebook Created Post
Notebooks: Quickstart Notebook OutputMD Before Notebook OutputMD Post

Semantic Headers

Scope Before After
Notebooks: Overview Notebooks Listing Before Notebooks Listing Post
Notebooks: Title Notebook before Notebook post

Modals

Scope Before After
Notebooks: Browse Vis Notebooks Browse Before Notebooks Browse Post
Notebooks: Duplicate Notebooks Custom Input Modal Before Notebooks Custom Input Modal Post
Notebooks: Delete Delete Notebook Before Delete Notebook Post
Delete All Paragraphs Delete All Paragraphs Before Delete All Paragraphs Post
Delete Header Delete NotebookHeader Before Delete NotebookHeader Post
Sample Sample Notebooks Add Before 2 Sample Notebooks Add Post 2

Buttons

Scope Before After
Refresh Notebook Refresh Before Notebook Refresh Post

Check List

  • New functionality includes testing.
    • All tests pass, including unit test, integration test and doctest
  • New functionality has been documented.
    • New functionality has javadoc added
    • New functionality has user manual doc added
  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.

Copy link
Collaborator

@derek-ho derek-ho left a comment

Choose a reason for hiding this comment

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

Thanks

Signed-off-by: Dan Dong <[email protected]>
Signed-off-by: Dan Dong <[email protected]>
Copy link

codecov bot commented Aug 20, 2024

Codecov Report

Attention: Patch coverage is 83.33333% with 1 line in your changes missing coverage. Please review.

Project coverage is 54.75%. Comparing base (c3ab50f) to head (1b698e9).
Report is 56 commits behind head on main.

Files Patch % Lines
...oks/components/paragraph_components/para_input.tsx 0.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #2073      +/-   ##
==========================================
- Coverage   57.85%   54.75%   -3.10%     
==========================================
  Files         372      394      +22     
  Lines       14081    15244    +1163     
  Branches     3712     4124     +412     
==========================================
+ Hits         8146     8347     +201     
- Misses       5871     6816     +945     
- Partials       64       81      +17     
Flag Coverage Δ
dashboards-observability 54.75% <83.33%> (-3.10%) ⬇️

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

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@virajsanghvi virajsanghvi left a comment

Choose a reason for hiding this comment

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

changes lgtm, although probably need to validate failing checks

@TackAdam TackAdam merged commit 8ac7ea0 into opensearch-project:main Aug 22, 2024
12 of 18 checks passed
opensearch-trigger-bot bot pushed a commit that referenced this pull request Aug 22, 2024
* Updated Notebooks Look & Feel

Signed-off-by: Dan Dong <[email protected]>

* Fixed error

Signed-off-by: Dan Dong <[email protected]>

* Fixed error

Signed-off-by: Dan Dong <[email protected]>

* Fixed lint and cypress test errors

Signed-off-by: Dan Dong <[email protected]>

---------

Signed-off-by: Dan Dong <[email protected]>
(cherry picked from commit 8ac7ea0)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
TackAdam pushed a commit that referenced this pull request Aug 22, 2024
…2088)

* Updated Notebooks Look & Feel



* Fixed error



* Fixed error



* Fixed lint and cypress test errors



---------


(cherry picked from commit 8ac7ea0)

Signed-off-by: Dan Dong <[email protected]>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
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