-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Remove "common" directory from FormEdit; it's inconsistent with the nested component organization structure used throughout the design package. * Add initial PageMenu component and story. * Make FormConfig a constructor argument to BlueprintBuilder. * Use sequence element edit component via the configuration map, rather than the old special-cased createPreviewComponents function. * Add page pattern, based on the sequence pattern. * Render fieldset children in edit mode * in-progress * Add basic page set story * Remove edit-component-panel class and autoformat css * Remove global nav styles * Add structure to support multiple pages. * Page set rendering and page navigation functional. * Trial a more modular pattern directory structure for pages and page-sets. * Add page edit functionality * linting * Fix issues with periodic save functionality. * Add initial toolbar * Tests passing with multi-page patterns. * Store query parameters in state, to ease updating in response to route changes inside patterns. * Linting * Story for FormSetEdit * Add Vitest wrappers for each of the pattern edit components. * Move PageMenu component into PageSet pattern, and update to use it. * Wrap some inputs in labels, to satisfy an issue with jsdom. * Linting * Remove redundant button * Minor cleanup
- Loading branch information
1 parent
c7f9aea
commit 8f0509d
Showing
85 changed files
with
1,879 additions
and
701 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,157 +1,140 @@ | ||
| @use "uswds-core" as *; | ||
| @use 'uswds-core' as *; | ||
|
|
||
| html { | ||
| scroll-behavior: smooth; | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: units(5); | ||
|
|
||
| span { | ||
| display: inline-block; | ||
| vertical-align: top; | ||
| margin-right: units(2.5); | ||
| } | ||
| } | ||
|
|
||
| h2 { | ||
| margin-top: units(4); | ||
| margin-bottom: units(2); | ||
| } | ||
|
|
||
| p { | ||
| line-height: units(3); | ||
| } | ||
| scroll-behavior: smooth; | ||
| } | ||
|
|
||
| .hide { | ||
| display: none; | ||
| } | ||
|
|
||
| .show { | ||
| display: block; | ||
| } | ||
|
|
||
| .usa-app { | ||
| display: flex; | ||
| min-height: 100vh; | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| main { | ||
| flex: 1; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .usa-combo-box__input, | ||
| .usa-input, | ||
| .usa-input-group, | ||
| .usa-range, | ||
| .usa-select, | ||
| .usa-textarea { | ||
| max-width: 40rem; | ||
| height: 3rem; | ||
| h1 { | ||
| font-size: units(5); | ||
|
|
||
| span { | ||
| display: inline-block; | ||
| vertical-align: top; | ||
| margin-right: units(2.5); | ||
| } | ||
|
|
||
| .usa-sidenav{ | ||
|
|
||
| .usa-sidenav__item { | ||
| .usa-current { | ||
| color: #54278f; | ||
|
|
||
| &:after { | ||
| background-color: rebeccapurple; | ||
| } | ||
| } | ||
|
|
||
| h2 { | ||
| margin-top: units(4); | ||
| margin-bottom: units(2); | ||
| } | ||
|
|
||
| p { | ||
| line-height: units(3); | ||
| } | ||
|
|
||
| .hide { | ||
| display: none; | ||
| } | ||
|
|
||
| .show { | ||
| display: block; | ||
| } | ||
|
|
||
| .usa-app { | ||
| display: flex; | ||
| min-height: 100vh; | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| main { | ||
| flex: 1; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .usa-combo-box__input, | ||
| .usa-input, | ||
| .usa-input-group, | ||
| .usa-range, | ||
| .usa-select, | ||
| .usa-textarea { | ||
| max-width: 40rem; | ||
| height: 3rem; | ||
| } | ||
|
|
||
| .usa-sidenav { | ||
| .usa-sidenav__item { | ||
| .usa-current { | ||
| color: #54278f; | ||
|
|
||
| &:after { | ||
| background-color: rebeccapurple; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .usa-section { | ||
| padding-top: units(5); | ||
| padding-bottom: units(5); | ||
| } | ||
|
|
||
| .usa-section { | ||
| padding-top: units(5); | ||
| padding-bottom: units(5); | ||
| } | ||
|
|
||
| .usa-checkbox { | ||
| background: none; | ||
| } | ||
|
|
||
| .usa-table { | ||
| width: 100%; | ||
|
|
||
| .column1 { | ||
| width: 50%; | ||
| } | ||
| .usa-checkbox { | ||
| background: none; | ||
|
|
||
| .column2 { | ||
| width: 30%; | ||
| } | ||
|
|
||
| .usa-table { | ||
| width: 100%; | ||
|
|
||
| .column1 { | ||
| width: 50%; | ||
| } | ||
|
|
||
| .column2 { | ||
| width: 30%; | ||
| } | ||
|
|
||
| .column3 { | ||
| width: 20%; | ||
| } | ||
|
|
||
| .actionColumn { | ||
| span { | ||
| margin: 0 30px 0 0; | ||
|
|
||
| &:last-child { | ||
| margin: 0; | ||
| } | ||
|
|
||
| .column3 { | ||
| width: 20%; | ||
| } | ||
|
|
||
| .actionColumn { | ||
| span { | ||
| margin: 0 30px 0 0; | ||
|
|
||
| &:last-child { | ||
| margin: 0; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .usa-form--large { | ||
| max-width: 32rem; | ||
| } | ||
| } | ||
|
|
||
| .usa-legend-wrapper { | ||
| word-wrap: break-word; | ||
| hyphens: auto; | ||
| } | ||
|
|
||
| .usa-legend { | ||
| width: -webkit-fill-available; | ||
| } | ||
|
|
||
| nav { | ||
| background: #F7F9FD; | ||
| padding: 0 units(3); | ||
|
|
||
| >ul { | ||
| padding-top: units(5); | ||
| .usa-form--large { | ||
| max-width: 32rem; | ||
| } | ||
|
|
||
| .usa-legend-wrapper { | ||
| word-wrap: break-word; | ||
| hyphens: auto; | ||
| } | ||
|
|
||
| .usa-legend { | ||
| width: -webkit-fill-available; | ||
| } | ||
|
|
||
| [contentEditable='true']:focus, | ||
| [href]:focus, | ||
| [tabindex]:focus, | ||
| iframe:focus { | ||
| outline: units(0.5) solid #783cb9; | ||
| } | ||
|
|
||
| .usa-step-indicator__segment { | ||
| max-width: 22rem; | ||
|
|
||
| &--current { | ||
| .usa-step-indicator__segment-label { | ||
| color: #783cb9; | ||
| } | ||
| } | ||
|
|
||
| [contentEditable=true]:focus, | ||
| [href]:focus, | ||
| [tabindex]:focus, | ||
| iframe:focus { | ||
| outline: units(0.5) solid #783cb9; | ||
| } | ||
|
|
||
| .usa-step-indicator__segment { | ||
| max-width: 22rem; | ||
|
|
||
| &--current { | ||
|
|
||
| .usa-step-indicator__segment-label { | ||
| color: #783cb9; | ||
| } | ||
|
|
||
| &::after { | ||
| background: #783cb9; | ||
| } | ||
|
|
||
| &::after { | ||
| background: #783cb9; | ||
| } | ||
| } | ||
|
|
||
| .videoWrapper { | ||
| position: relative; | ||
| padding-bottom: 62.5%; | ||
| height: 0; | ||
| } | ||
|
|
||
| .edit-component-panel { | ||
| .usa-fieldset { | ||
| margin-top: 0; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .videoWrapper { | ||
| position: relative; | ||
| padding-bottom: 62.5%; | ||
| height: 0; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.