Skip to content

feat: tup-463 migrate css to core#344

Merged
wesleyboar merged 52 commits into
mainfrom
feat/tup-463
Nov 30, 2023
Merged

feat: tup-463 migrate css to core#344
wesleyboar merged 52 commits into
mainfrom
feat/tup-463

Conversation

@wesleyboar

@wesleyboar wesleyboar commented Oct 12, 2023

Copy link
Copy Markdown
Member

Overview

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

Status

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

Details
  • 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
Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
@wesleyboar
wesleyboar marked this pull request as ready for review November 3, 2023 23:18
Comment thread apps/tup-cms/Dockerfile Outdated
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 <62723358+wesleyboar@users.noreply.github.com>
Co-authored-by: Wesley Bomar <wbomar@tacc.utexas.edu>
* 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

wesleyboar commented Nov 21, 2023

Copy link
Copy Markdown
Member Author

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 R-Tomas-Gonzalez, jarosenb and sophia-massie and removed request for jarosenb November 28, 2023 00:18

@sophia-massie sophia-massie left a comment

Copy link
Copy Markdown
Collaborator

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
Copy Markdown
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
@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