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

feat(demo): elements > (cms) headings pattern #92

Merged
merged 3 commits into from
Dec 14, 2022
Merged

Conversation

wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Dec 14, 2022

Overview

  • Add Elements > (CMS) Headings pattern.
  • Add long and medium paragraph partials.

Related

  • sets stage for styling headings

Changes

  • adds partials
  • fixes font size of demo <dt>s
  • changes CMS heading styles to be in their own stylesheet
  • adds CMS headings pattern doc

Testing

  1. Open http://localhost:3000/components/detail/headings.cms.
  2. Review pattern is complete and useful.

UI

Snapshot Full Page
pattern in demo pattern full page

@wesleyboar wesleyboar changed the title feat(elements): headings as their own pattern feat(elements): (cms) headings as their own pattern Dec 14, 2022
@wesleyboar wesleyboar changed the title feat(elements): (cms) headings as their own pattern feat(elements): (cms) headings pattern Dec 14, 2022
@wesleyboar wesleyboar changed the title feat(elements): (cms) headings pattern feat(demo): elements > (cms) headings pattern Dec 14, 2022
@wesleyboar wesleyboar merged commit 595c9d2 into main Dec 14, 2022
@wesleyboar wesleyboar deleted the task/headings branch December 14, 2022 23:39
wesleyboar added a commit to TACC/Core-CMS that referenced this pull request Dec 15, 2022
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Dec 15, 2022
jarosenb added a commit to TACC/tup-ui that referenced this pull request Jan 26, 2023
* feat(core-styles/cms): new font sizes

TACC/Core-Styles#90

* fix(tup-ui): login form font sizes

Based on Core-CMS/Styles changes:
- font size variable value changes
- body font "12px"

https://confluence.tacc.utexas.edu/x/nh4FDg

* feat(core-styles): polished font settings

Preapre to adapt tup-ui to use:
- TACC/Core-Styles#90
- TACC/Core-Styles#92
- TACC/Core-Styles#93

* feat(core-styles)!: no CMS heading styles

Also no Portal heading styles, but Portal has been like that.

This lets us style fresh in situ, then move to Core-Styles.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that loads core-styles.demo.css in the static/ui/ demo.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that does not force CMS styles on every demo component.

* feat: pattern library font fixes & support changes

* feat: section heading tags & sizes & styles

* feat: dashboard layout

- added Dashboard CSS for Layout
- added <Section> to Dashboard
- added tup-ui overrides of CEPv2 spacing from Core-Styles
- changed <Section> to use CSS grid not flex
- changed <SectionContent> default layout to `one-column`
- changed <PageLayout> to prevent `_content` items from overflowing it

* feat(core-cms): new font sizes (#91)

* feat(tup-ui): new font sizes (#88)

* chore(core-comp…): remove fix now in core-styles

* fix(core-comp…): hide "(required)" on login form

* test(tup-ui): fix section tag test case

* fix(tup-cms): misc & cms font size missing 14px

* fix(tup-cms): demo, load missing portal styles

This should fix font sizes in settings/font--portal.

* feat(tup-ui): Dashboard layout without Section

Adds a global style component `c-page.css` that mimics unused <SectionHeader>.

I think I will just use SectionHeader, in the next commit.

* feat(tup-ui): Dashboard header with SectionHeader

Removes global style component `c-page.css` that mimics now used <SectionHeader>.

I had, in previous commit, not used SectionHeader, but why not?

* chore: nx format:write

* Tweak grid css to fix overflow (#110)

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>
van-go pushed a commit to TACC/tup-ui that referenced this pull request Jan 26, 2023
* feat(core-styles/cms): new font sizes

TACC/Core-Styles#90

* fix(tup-ui): login form font sizes

Based on Core-CMS/Styles changes:
- font size variable value changes
- body font "12px"

https://confluence.tacc.utexas.edu/x/nh4FDg

* feat(core-styles): polished font settings

Preapre to adapt tup-ui to use:
- TACC/Core-Styles#90
- TACC/Core-Styles#92
- TACC/Core-Styles#93

* feat(core-styles)!: no CMS heading styles

Also no Portal heading styles, but Portal has been like that.

This lets us style fresh in situ, then move to Core-Styles.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that loads core-styles.demo.css in the static/ui/ demo.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that does not force CMS styles on every demo component.

* feat: pattern library font fixes & support changes

* feat: section heading tags & sizes & styles

* feat: dashboard layout

- added Dashboard CSS for Layout
- added <Section> to Dashboard
- added tup-ui overrides of CEPv2 spacing from Core-Styles
- changed <Section> to use CSS grid not flex
- changed <SectionContent> default layout to `one-column`
- changed <PageLayout> to prevent `_content` items from overflowing it

* feat(core-cms): new font sizes (#91)

* feat(tup-ui): new font sizes (#88)

* chore(core-comp…): remove fix now in core-styles

* fix(core-comp…): hide "(required)" on login form

* test(tup-ui): fix section tag test case

* fix(tup-cms): misc & cms font size missing 14px

* fix(tup-cms): demo, load missing portal styles

This should fix font sizes in settings/font--portal.

* feat(tup-ui): Dashboard layout without Section

Adds a global style component `c-page.css` that mimics unused <SectionHeader>.

I think I will just use SectionHeader, in the next commit.

* feat(tup-ui): Dashboard header with SectionHeader

Removes global style component `c-page.css` that mimics now used <SectionHeader>.

I had, in previous commit, not used SectionHeader, but why not?

* chore: nx format:write

* Tweak grid css to fix overflow (#110)

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>
jarosenb added a commit to TACC/tup-ui that referenced this pull request Feb 1, 2023
* tup-376-abstact-publications-grants

* tup-376-visual-changes

* tup-376-format-check

* tup-376-format-write

* tup-376-format-check

* Update Github Actions to improve npm caching (#102)

* update actions to improve npm caching

* test commit for caching

* try skipping install if dependencies are cached

* Revert "try skipping install if dependencies are cached"

This reverts commit 465968c.

* feat(apcd-cms): fp-1952 isolate ES network (#106)

Replicate TACC/Core-CMS#579.

* layout/projects-listing: Clean up project listing and add styles. (#101)

* clean up project listing and add styles

* fix inconsistent table column widths

* trailing whitespace in Projects.module.css

* replace divs with list markup

* feat(core-components): Icon, add size prop

* feat(tup-ui): global css destined for core-styles

* fix(core-wrappers): nav icon size

* fix(tup-ui): page layout spacing & use global vars

* fix(tup-ui): ProjectSummary markup clean up

* Revert "fix(tup-ui): ProjectSummary markup clean up"

This reverts commit 9777ea3.

* Revert "fix(tup-ui): page layout spacing & use global vars"

This reverts commit bdf20fe.

* Revert "fix(core-wrappers): nav icon size"

This reverts commit 4bc1ed8.

* Revert "feat(tup-ui): global css destined for core-styles"

This reverts commit 6c21c94.

* Revert "feat(core-components): Icon, add size prop"

This reverts commit d3e45ca.

* fix(tup-ui): page layout spacing, icon size, use global vars, core-styles patches (#104)

* feat(core-components): Icon, add size prop

* feat(tup-ui): global css destined for core-styles

* fix(core-wrappers): nav icon size

* fix(tup-ui): page layout spacing & use global vars

* fix(tup-ui): ProjectSummary markup clean up

* fix: nx format:write

* Update ProjectsListing.test.tsx

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>

Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>

* tup-376-moved-proj-details-to-tup-components

* tup-376-added-component-test

* tup-376-added-separator

* tup-376-add-links-for-pubs-and-grants

* tup-376-format-write

* tup-376-abstract-pub-grant

* tup-376-publications-endpoint-change

* simulate user events when testing Formik components (#109)

* feat(tup-ui): dashboard layout (#90)

* feat(core-styles/cms): new font sizes

TACC/Core-Styles#90

* fix(tup-ui): login form font sizes

Based on Core-CMS/Styles changes:
- font size variable value changes
- body font "12px"

https://confluence.tacc.utexas.edu/x/nh4FDg

* feat(core-styles): polished font settings

Preapre to adapt tup-ui to use:
- TACC/Core-Styles#90
- TACC/Core-Styles#92
- TACC/Core-Styles#93

* feat(core-styles)!: no CMS heading styles

Also no Portal heading styles, but Portal has been like that.

This lets us style fresh in situ, then move to Core-Styles.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that loads core-styles.demo.css in the static/ui/ demo.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that does not force CMS styles on every demo component.

* feat: pattern library font fixes & support changes

* feat: section heading tags & sizes & styles

* feat: dashboard layout

- added Dashboard CSS for Layout
- added <Section> to Dashboard
- added tup-ui overrides of CEPv2 spacing from Core-Styles
- changed <Section> to use CSS grid not flex
- changed <SectionContent> default layout to `one-column`
- changed <PageLayout> to prevent `_content` items from overflowing it

* feat(core-cms): new font sizes (#91)

* feat(tup-ui): new font sizes (#88)

* chore(core-comp…): remove fix now in core-styles

* fix(core-comp…): hide "(required)" on login form

* test(tup-ui): fix section tag test case

* fix(tup-cms): misc & cms font size missing 14px

* fix(tup-cms): demo, load missing portal styles

This should fix font sizes in settings/font--portal.

* feat(tup-ui): Dashboard layout without Section

Adds a global style component `c-page.css` that mimics unused <SectionHeader>.

I think I will just use SectionHeader, in the next commit.

* feat(tup-ui): Dashboard header with SectionHeader

Removes global style component `c-page.css` that mimics now used <SectionHeader>.

I had, in previous commit, not used SectionHeader, but why not?

* chore: nx format:write

* Tweak grid css to fix overflow (#110)

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>

* tup-376-pub-grant-info-showing

* Dashboard news component (#111)

* dashboard news component

* merge layout fixes and add table wrapper

* remove local docker-compose changes

* Intercept RT form submissions and call tup-services (#112)

* demo of a callback running on django-cms form submission

* Wire up rt-ticket-form submission to RT

* updating branch

* tup-378-create-and-edit-modals

* implement project detail view and forms

---------

Co-authored-by: Van Go <35277477+van-go@users.noreply.github.com>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Feb 3, 2023
* tup-376-abstact-publications-grants

* tup-376-visual-changes

* tup-376-format-check

* tup-376-format-write

* tup-376-format-check

* Update Github Actions to improve npm caching (#102)

* update actions to improve npm caching

* test commit for caching

* try skipping install if dependencies are cached

* Revert "try skipping install if dependencies are cached"

This reverts commit 465968c.

* feat(apcd-cms): fp-1952 isolate ES network (#106)

Replicate TACC/Core-CMS#579.

* layout/projects-listing: Clean up project listing and add styles. (#101)

* clean up project listing and add styles

* fix inconsistent table column widths

* trailing whitespace in Projects.module.css

* replace divs with list markup

* feat(core-components): Icon, add size prop

* feat(tup-ui): global css destined for core-styles

* fix(core-wrappers): nav icon size

* fix(tup-ui): page layout spacing & use global vars

* fix(tup-ui): ProjectSummary markup clean up

* Revert "fix(tup-ui): ProjectSummary markup clean up"

This reverts commit 9777ea3.

* Revert "fix(tup-ui): page layout spacing & use global vars"

This reverts commit bdf20fe.

* Revert "fix(core-wrappers): nav icon size"

This reverts commit 4bc1ed8.

* Revert "feat(tup-ui): global css destined for core-styles"

This reverts commit 6c21c94.

* Revert "feat(core-components): Icon, add size prop"

This reverts commit d3e45ca.

* fix(tup-ui): page layout spacing, icon size, use global vars, core-styles patches (#104)

* feat(core-components): Icon, add size prop

* feat(tup-ui): global css destined for core-styles

* fix(core-wrappers): nav icon size

* fix(tup-ui): page layout spacing & use global vars

* fix(tup-ui): ProjectSummary markup clean up

* fix: nx format:write

* Update ProjectsListing.test.tsx

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>

Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>

* tup-376-moved-proj-details-to-tup-components

* tup-376-added-component-test

* tup-376-added-separator

* tup-376-add-links-for-pubs-and-grants

* tup-376-format-write

* tup-376-abstract-pub-grant

* tup-376-publications-endpoint-change

* simulate user events when testing Formik components (#109)

* feat(tup-ui): dashboard layout (#90)

* feat(core-styles/cms): new font sizes

TACC/Core-Styles#90

* fix(tup-ui): login form font sizes

Based on Core-CMS/Styles changes:
- font size variable value changes
- body font "12px"

https://confluence.tacc.utexas.edu/x/nh4FDg

* feat(core-styles): polished font settings

Preapre to adapt tup-ui to use:
- TACC/Core-Styles#90
- TACC/Core-Styles#92
- TACC/Core-Styles#93

* feat(core-styles)!: no CMS heading styles

Also no Portal heading styles, but Portal has been like that.

This lets us style fresh in situ, then move to Core-Styles.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that loads core-styles.demo.css in the static/ui/ demo.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that does not force CMS styles on every demo component.

* feat: pattern library font fixes & support changes

* feat: section heading tags & sizes & styles

* feat: dashboard layout

- added Dashboard CSS for Layout
- added <Section> to Dashboard
- added tup-ui overrides of CEPv2 spacing from Core-Styles
- changed <Section> to use CSS grid not flex
- changed <SectionContent> default layout to `one-column`
- changed <PageLayout> to prevent `_content` items from overflowing it

* feat(core-cms): new font sizes (#91)

* feat(tup-ui): new font sizes (#88)

* chore(core-comp…): remove fix now in core-styles

* fix(core-comp…): hide "(required)" on login form

* test(tup-ui): fix section tag test case

* fix(tup-cms): misc & cms font size missing 14px

* fix(tup-cms): demo, load missing portal styles

This should fix font sizes in settings/font--portal.

* feat(tup-ui): Dashboard layout without Section

Adds a global style component `c-page.css` that mimics unused <SectionHeader>.

I think I will just use SectionHeader, in the next commit.

* feat(tup-ui): Dashboard header with SectionHeader

Removes global style component `c-page.css` that mimics now used <SectionHeader>.

I had, in previous commit, not used SectionHeader, but why not?

* chore: nx format:write

* Tweak grid css to fix overflow (#110)

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>

* tup-376-pub-grant-info-showing

* Dashboard news component (#111)

* dashboard news component

* merge layout fixes and add table wrapper

* remove local docker-compose changes

* Intercept RT form submissions and call tup-services (#112)

* demo of a callback running on django-cms form submission

* Wire up rt-ticket-form submission to RT

* updating branch

* tup-378-create-and-edit-modals

* implement project detail view and forms

---------

Co-authored-by: Van Go <35277477+van-go@users.noreply.github.com>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Feb 3, 2023
* tup-376-abstact-publications-grants

* tup-376-visual-changes

* tup-376-format-check

* tup-376-format-write

* tup-376-format-check

* Update Github Actions to improve npm caching (#102)

* update actions to improve npm caching

* test commit for caching

* try skipping install if dependencies are cached

* Revert "try skipping install if dependencies are cached"

This reverts commit 465968c.

* feat(apcd-cms): fp-1952 isolate ES network (#106)

Replicate TACC/Core-CMS#579.

* layout/projects-listing: Clean up project listing and add styles. (#101)

* clean up project listing and add styles

* fix inconsistent table column widths

* trailing whitespace in Projects.module.css

* replace divs with list markup

* feat(core-components): Icon, add size prop

* feat(tup-ui): global css destined for core-styles

* fix(core-wrappers): nav icon size

* fix(tup-ui): page layout spacing & use global vars

* fix(tup-ui): ProjectSummary markup clean up

* Revert "fix(tup-ui): ProjectSummary markup clean up"

This reverts commit 9777ea3.

* Revert "fix(tup-ui): page layout spacing & use global vars"

This reverts commit bdf20fe.

* Revert "fix(core-wrappers): nav icon size"

This reverts commit 4bc1ed8.

* Revert "feat(tup-ui): global css destined for core-styles"

This reverts commit 6c21c94.

* Revert "feat(core-components): Icon, add size prop"

This reverts commit d3e45ca.

* fix(tup-ui): page layout spacing, icon size, use global vars, core-styles patches (#104)

* feat(core-components): Icon, add size prop

* feat(tup-ui): global css destined for core-styles

* fix(core-wrappers): nav icon size

* fix(tup-ui): page layout spacing & use global vars

* fix(tup-ui): ProjectSummary markup clean up

* fix: nx format:write

* Update ProjectsListing.test.tsx

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>

Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>

* tup-376-moved-proj-details-to-tup-components

* tup-376-added-component-test

* tup-376-added-separator

* tup-376-add-links-for-pubs-and-grants

* tup-376-format-write

* tup-376-abstract-pub-grant

* tup-376-publications-endpoint-change

* simulate user events when testing Formik components (#109)

* feat(tup-ui): dashboard layout (#90)

* feat(core-styles/cms): new font sizes

TACC/Core-Styles#90

* fix(tup-ui): login form font sizes

Based on Core-CMS/Styles changes:
- font size variable value changes
- body font "12px"

https://confluence.tacc.utexas.edu/x/nh4FDg

* feat(core-styles): polished font settings

Preapre to adapt tup-ui to use:
- TACC/Core-Styles#90
- TACC/Core-Styles#92
- TACC/Core-Styles#93

* feat(core-styles)!: no CMS heading styles

Also no Portal heading styles, but Portal has been like that.

This lets us style fresh in situ, then move to Core-Styles.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that loads core-styles.demo.css in the static/ui/ demo.

* feat(tup-cms): pattern library, better legibility

Loads CMS image that does not force CMS styles on every demo component.

* feat: pattern library font fixes & support changes

* feat: section heading tags & sizes & styles

* feat: dashboard layout

- added Dashboard CSS for Layout
- added <Section> to Dashboard
- added tup-ui overrides of CEPv2 spacing from Core-Styles
- changed <Section> to use CSS grid not flex
- changed <SectionContent> default layout to `one-column`
- changed <PageLayout> to prevent `_content` items from overflowing it

* feat(core-cms): new font sizes (#91)

* feat(tup-ui): new font sizes (#88)

* chore(core-comp…): remove fix now in core-styles

* fix(core-comp…): hide "(required)" on login form

* test(tup-ui): fix section tag test case

* fix(tup-cms): misc & cms font size missing 14px

* fix(tup-cms): demo, load missing portal styles

This should fix font sizes in settings/font--portal.

* feat(tup-ui): Dashboard layout without Section

Adds a global style component `c-page.css` that mimics unused <SectionHeader>.

I think I will just use SectionHeader, in the next commit.

* feat(tup-ui): Dashboard header with SectionHeader

Removes global style component `c-page.css` that mimics now used <SectionHeader>.

I had, in previous commit, not used SectionHeader, but why not?

* chore: nx format:write

* Tweak grid css to fix overflow (#110)

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>

* tup-376-pub-grant-info-showing

* Dashboard news component (#111)

* dashboard news component

* merge layout fixes and add table wrapper

* remove local docker-compose changes

* Intercept RT form submissions and call tup-services (#112)

* demo of a callback running on django-cms form submission

* Wire up rt-ticket-form submission to RT

* updating branch

* tup-378-create-and-edit-modals

* implement project detail view and forms

---------

Co-authored-by: Van Go <35277477+van-go@users.noreply.github.com>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
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.

1 participant