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

Task/fp 1499 ui pattern demo #527

Merged
merged 16 commits into from
Aug 16, 2022
Merged

Task/fp 1499 ui pattern demo #527

merged 16 commits into from
Aug 16, 2022

Conversation

wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Jul 28, 2022

Overview

Add UI Pattern Demo using Fractal.

To Do

Related

Changes

  • gitignore & docs
  • fractal config & theme
  • symlinks to gather assets

Testing

  1. npm ci
  2. npm run build --project=core-cms
    (requires a project e.g. core-cms, ecep-cms, frontera-cms)
  3. npm run start:css-demo
  4. Open http://localhost:3000/.
  5. In sidebar, drill down into PATTERNS → Core → Components → ….
  6. Review variations and styles.

Command name suggestions are welcome.

UI

No remote server available. Pending new architecture.

Screenshots
ecep-cms core-cms
ecep, primary cep, primary
ecep, secondary cep, secondary
ecep, tertiary cep, tertiary
ecep, small cep, small

Fixes

no italics for pseudo-icons (TACC/Core-Styles@474eff3)

fp-1499 474eff3 core-cms

Notes

Known Issues

1. When we have a way to deploy, we might drop the ability to support building per project…

…because the symlink-ed styles/projects directory includes many irrelevant files (.py, .md, .html).

The feature could come back if and after Core-CMS-Resources become their own containerized projects.

wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jul 29, 2022
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jul 29, 2022
Fractal start does not work, but build does, so just serve the dist.
@wesleyboar wesleyboar marked this pull request as ready for review July 29, 2022 18:28
wesleyboar added a commit to TACC/Core-Styles that referenced this pull request Jul 29, 2022
@wesleyboar wesleyboar changed the title Task/fp 1499 UI pattern demo Task/fp 1499 ui pattern demo Jul 29, 2022
@wesleyboar wesleyboar requested review from rstijerina and taoteg July 29, 2022 21:42
Copy link
Member Author

@wesleyboar wesleyboar left a comment

Choose a reason for hiding this comment

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

The future intent—if we still don't have storybook yet (pending a snag in tup-ui using it for components)—is that a Dockerfile is added so this can be hosted properly as a custom app.

Copy link
Member

@rstijerina rstijerina left a comment

Choose a reason for hiding this comment

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

LGTM, nice work. Any reason why the close x's look italicized?
Screen Shot 2022-08-16 at 12 48 03 AM

@wesleyboar
Copy link
Member Author

wesleyboar commented Aug 16, 2022

LGTM, nice work. Any reason why the close x's look italicized?
Screen Shot 2022-08-16 at 12 48 03 AM

@rstijerina Thank you. Yes.

  1. I used an <i>…</i> tag for the icon.
  2. I did not use a Cortal icon class nor add Cortal icon support.
  3. The default browser style for an <i>…</i> tag is italics.

When I add cortal icons to Core-Styles, I can make that a Cortal icon. Alternatively—to truly isolate modules (not mix cortal icons into button)—I could turn off the italic style for just that pattern and only in the pattern demo. Hm, I like that. Be right back.

@wesleyboar
Copy link
Member Author

Fixed italics on pseudo-icons:
fp-1499 474eff3 core-cms

wesleyboar added a commit to TACC/Core-Styles that referenced this pull request Aug 16, 2022
* feat: fp-1499, core-styles pattern demo

* feat: updates from tup-ui (except paths)

TACC/tup-ui@a30002a
TACC/tup-ui@24db51b
TACC/tup-ui@141464f

P.S. a30002a originates from TACC/tup-ui#38

* fix: fp-1726 allow int. + ext. global css

* feat(core-styles): fp-1499 drop excess file affix

No need for `-css` on build and test scripts.

* feat(core-styles): fp-1499 tarball

for TACC/Core-CMS#527

* feat(core-styles): fp-1726 c-button, a tag support

* chore(core-styles): fp-1499 remove tarball

* chore: fp-1499 add node version to readme

* fix: fp-1499 no italics for pseuo-icons
@wesleyboar wesleyboar merged commit 527affa into main Aug 16, 2022
@wesleyboar wesleyboar deleted the task/fp-1499-ui-pattern-demo branch August 16, 2022 19:17
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