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: tup-463 migrate css to core #344

Merged
merged 52 commits into from
Nov 30, 2023
Merged

feat: tup-463 migrate css to core #344

merged 52 commits into from
Nov 30, 2023

Conversation

wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Oct 12, 2023

Overview

Migrate CSS from here to Core-CMS and Core-Styles.

Status

Tested many times. Fixed many bugs. Ready for review.

  • deploy 0e84c10 — Build 134 (Nov 13, 2023 11:13:35 AM)
  • deploy 3167014 — Build 135 (Nov 13, 2023 11:47:59 AM)
  • bugs TUP-646, TUP-649, TUP-650, TUP-654
  • deploy bee6a46 — Build 136 (Nov 20, 2023 7:09:34 PM)
  • test previous bug fixes
  • bugs TUP-657, TUP-658, TUP-659, TUP-660
  • install new core-styles (and core-cms with new core-styles)
  • deploy — Build 137 (Nov 21, 2023 6:03:53 PM)
  • test
  • deploy — Build 138 (Nov 22, 2023 1:12:14 PM)
  • test (after turkey time)
  • deploy — Nov 27
  • test
  • deploy Core-CMS at a release (v4.2.0) — Build 142 (Nov 28, 2023 2:47:44 PM)

Related

Changes

  • removed styles migrated to Core
  • changed Core-CMS image tag
  • changed Core-Styles version

Testing & UI

This is mostly moving styles and fixing bugs, so UI looks the same. But there are some differences.

See merged PRs to feat/tup-463 branch before 2023-12-01.

change screenshot
search is styled search
footer buttons less negative space footer buttons
form button is uppercase form button uppercase
"Learn more" links wrap learn more links wrap

@wesleyboar wesleyboar changed the title docs: more css thoughts in comment chore: TUP-463 css migration Oct 13, 2023
@wesleyboar wesleyboar changed the title chore: TUP-463 css migration chore: tup-463 css migration Oct 13, 2023
@wesleyboar wesleyboar changed the title chore: tup-463 css migration chore: tup-463 migrate core-… css Oct 13, 2023
@wesleyboar wesleyboar added the migrate css to core Migrate CSS to Core-CMS or Core-Styles label Oct 13, 2023
R-Tomas-Gonzalez and others added 11 commits October 16, 2023 10:23
* feat: tup-619 c-content block migration

* removed content-block import
* migrated c-update to core-styles

* removed c-update import
* feat: tup-624: added generics/attributes to demo

* migrated rest of attributes.css to core-styles

* removed unnecessary comments in css file for c-button
* getting rid of django.cms.blog.app.item.css

* removing the import for django.cms.blog.app.item.css
@wesleyboar wesleyboar marked this pull request as ready for review November 3, 2023 23:18
apps/tup-cms/Dockerfile Outdated Show resolved Hide resolved
wesleyboar and others added 8 commits November 3, 2023 18:45
WARNING: v2.17.3 causes login form field bug.
No need for u-highlight per jira ticket

Co-authored-by: Wesley B <[email protected]>
* I believe this has already been merged into core-styles... Padding and Margin seem to be available on prod

* remove import of core-styles o-heading-steps.css
* feat/tup-633: Migrate lightgallery to core-cms

* delete unnecessary import of django.cms.picture.css
* feat/tup-629: delete footer

Footer is already in core-styles and cms

* remove unnecessary imports
R-Tomas-Gonzalez and others added 8 commits November 17, 2023 16:37
* bug/tup-650: Remove padding-block from cms

* adjusted comments to relative code blocks
* fix: tup-654 use c-form--login from core-styles

* chore: tup-654 remove redundant `c-form` classname
Some Core-Styles were loaded via CDN, cuz CMS did not have latest yet.

Now CMS has much more recent Core-Styles, so use them. Do not duplicate.
* chore: tup-463 remove temp. core-styles imports

Some Core-Styles were loaded via CDN, cuz CMS did not have latest yet.

Now CMS has much more recent Core-Styles, so use them. Do not duplicate.

* chore: tup-463 delete css modules mimicking core

Some Core-Styles CSS was added after TUP login form was developed.

Now that it is available, TUP lofin form can use it. Less module CSS!

* style: npx nx format:write
Some Core-Styles CSS was added after TUP login page was developed.

Now that it is available, TUP login page can use it. Less module CSS!
@wesleyboar
Copy link
Member Author

wesleyboar commented Nov 21, 2023

Warning

MFA c-nav is broken. PR #375 is suspect because CSS module removed in favor of Core-Styles.

Update: Fixed by #379.

wesleyboar and others added 8 commits November 21, 2023 11:29
* hotfix: tup-654 mfa's c-nav not showing a pipe

1. There should be a pipe (border) between nav links.
2. The `c-button--as-link` nav link's pipe was present but invisible.
3. c-button x-truncate `overflow: hidden` overwrote `overflow: visible`.
4. It should be the other way around.
5. Composing c-button from dist/ includes entire file into global scope.
6. Isntead, compose from src, to get only what is necessary.

* hotfix: tup-654 mfa's c-nav not showing a pipe

1. There should be a pipe (border) between nav links.
2. The `c-button--as-link` nav link's pipe was present but invisible.
3. c-button x-truncate `overflow: hidden` overwrote `overflow: visible`.
4. It should be the other way around.
5. Importing c-form--login without layer gave it precedence.
6. Instead, import into base layer, so all Core-Styles are in base.
The core-styles.portal.css already includes cortal.icon.css.
* hotfix: tup-658 form login title too small

* docs: idea, Core-Styles elements/headings--portal
@wesleyboar wesleyboar changed the title chore: tup-463 migrate css to core feat: tup-463 migrate css to core Nov 27, 2023
* chore: search dropdown should use var for white

* fix: footer buttons should not have width limit

* refactor: deprecate `<small>` in footer buttons

* fix!: do not let search styles bleed beyond search

Requires an `id="tacc-google-search` wrapper.

* fix: remove unnecessary style

The only `<h1>` on the page is "Search" text provided by CMS not Google.

* docs: explain strange, complex search css selector

* fix: core-styles v2.22.0 to v2.22.1

* chore: core-styles v2.22.1 to v2.22.2
@wesleyboar wesleyboar requested review from jarosenb, sophia-massie and R-Tomas-Gonzalez and removed request for jarosenb November 28, 2023 00:18
Copy link
Collaborator

@sophia-massie sophia-massie left a comment

Choose a reason for hiding this comment

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

Looks great! Thank you

@wesleyboar
Copy link
Member Author

Merging with one approval, because:

  • @R-Tomas-Gonzalez coded most of this, and I approved his work, and he helped me re-test afterwards.
  • @jarosenb is pleased with mass removal of code, and generally trusts me for UI.
  • I take responsibility for any UI breaking.
  • I tested well, and fixed things.

@wesleyboar wesleyboar merged commit eb3f7f0 into main Nov 30, 2023
1 check passed
@wesleyboar wesleyboar deleted the feat/tup-463 branch November 30, 2023 20:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
migrate css to core Migrate CSS to Core-CMS or Core-Styles
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants