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

[DEV-7737] Responsive Editor #1219

Merged
merged 27 commits into from
Apr 12, 2024
Merged

[DEV-7737] Responsive Editor #1219

merged 27 commits into from
Apr 12, 2024

Conversation

adamdoe
Copy link
Collaborator

@adamdoe adamdoe commented Apr 4, 2024

  • While on a visualization, press escape key to open the responsive editor view.
  • Verify visualizations look correct outside editor view.

* [responsive-editor__styles] 4.24.4 > Responsive Editor Styles

* [responsive-editor__styles] update data bite

* [responsive-editor__styles] 4.24.4 > continue working on styles for responsive editor

* [responsive-editor__styles] working on mu include

* [responsive-editor__styles] Full width charts

* [responsive-editor__styles] 4.24.4 > Responsive Maps

* [responsive-editor__styles] add responsive view for data bite

* [responsive-editor__styles] Waffle Chart > Add responsive work

* [responsive-editor__styles] Markup Include > Responsive Additions

* [responsive-editor__styles] 4.24.4 > Responsive pixel numbers

* [responsive-editor__styles] fixing file issues

* [responsive-editor__styles] working on editor issues

* [responsive-editor__styles] working on cove styles

* [responsive-editor__styles] update map error component

* [responsive-editor__styles] markup include layout updates

* [responsive-editor__styles] start work with confirm/error

* [responsive-editor__styles] start work with confirm/error

* [responsive-editor__styles] Resolve responsive issues

* [responsive-editor__styles] continue working on wrappers

* [responsive-editor__styles] continue working on wrappers
@adamdoe adamdoe changed the title Feature/responsive editor b [DEV-7737] Responsive Editor Apr 4, 2024
@adamdoe adamdoe marked this pull request as ready for review April 4, 2024 17:56
packages/chart/src/CdcChart.tsx Outdated Show resolved Hide resolved
@@ -0,0 +1,914 @@
@import '@cdc/core/styles/v2/themes/_color-definitions.scss';

Copy link
Collaborator

Choose a reason for hiding this comment

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

can you write this is common CSS?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I think we can later on but that's outside of the scope of this ticket.

packages/core/helpers/useDataVizClasses.js Outdated Show resolved Hide resolved
@@ -10,6 +10,11 @@
margin-top: 20%;
}

> .cove-editor__content {
width: 100% !important;
Copy link
Collaborator

Choose a reason for hiding this comment

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

I've seen width: 100% !important; under another class declaration that had .cove-editor__content


if (columnList.length === 0) columnList = null

setRequiredColumns(columnList)
Copy link
Collaborator

Choose a reason for hiding this comment

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

I feel like you could put this in a useMemo rather than having to setState?

)
}

const Confirm = () => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

This Error / Confirm is starting to look repetitive

@joshlacey
Copy link
Collaborator

@adamdoe can the new json config files be added to storybook instead of in the examples folder? It's difficult to test when they are examples

@adamdoe adamdoe requested a review from joshlacey April 5, 2024 17:00
@adamdoe
Copy link
Collaborator Author

adamdoe commented Apr 5, 2024

@Atash3000 and @mpallansch can you both do a pass on this as well?

@adamdoe
Copy link
Collaborator Author

adamdoe commented Apr 9, 2024

@mpallansch and @Atash3000 see above

@adamdoe adamdoe merged commit 5db19da into dev Apr 12, 2024
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.

2 participants