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

fix: tup-639 move c-button font-weight bold to cms #364

Merged
merged 2 commits into from
Nov 3, 2023

Conversation

wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Nov 2, 2023

Overview

Move c-button font-weight bold to CMS.

Related

Changes

  • removed c-card c-button font-weight

Testing

Setup

  1. In Core-CMS, checkout fix/tup-617-c-button-font-weight.
  2. In tup-ui, checkout fix/tup-617-c-button-font-weight.
  3. In Core-CMS, install Core-Styles fix/tup-617-c-button-font-weight (steps).
  4. In tup-ui, install Core-Styles fix/tup-617-c-button-font-weight (steps).
  5. In Core-CMS create image and test it on tup-ui (steps).

Not in a Card

  1. Test this change on https://www.tacc.utexas.edu/.
    See https://github.com/wesleyboar/tup-ui-migration-to-core.
  2. Verify "GETTING STARTED" button is bold.
  3. Verify button has no instances of font-weight: var(--medium) applied (even if overwritten).
  4. Verify button has letter-spacing from https://github.com/TACC/Core-CMS/pull/740/files.

In a Card

  1. Test this change on https://www.tacc.utexas.edu/education/k-12-students/high-school-camps/gencyber/#application.
    See https://github.com/wesleyboar/tup-ui-migration-to-core.
  2. Verify "APPLICATION CLOSED" button is bold.
  3. Verify button has no instances of font-weight: var(--medium) applied (even if overwritten).
  4. Verify button has letter-spacing from https://github.com/TACC/Core-CMS/pull/740/files.

UI

Not in a Card In a Card
tup-cms c-button no c-card tup-cms c-button in c-card

@wesleyboar wesleyboar changed the title fix: tup-617 c-button font-weight redunant style fix: tup-617 move c-button font-weight bold to cms Nov 2, 2023
@wesleyboar wesleyboar changed the title fix: tup-617 move c-button font-weight bold to cms fix: tup-639 move c-button font-weight bold to cms Nov 2, 2023
Copy link
Contributor

@R-Tomas-Gonzalez R-Tomas-Gonzalez left a comment

Choose a reason for hiding this comment

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

Looks good to me.

• Tested on Core-CMS and TUP-UI, no side effects
• Looks like a simple change, migrated from tup-ui -> core-styles (then deleted) -> to core-cms

@wesleyboar wesleyboar changed the base branch from main to feat/tup-463 November 3, 2023 17:52
@wesleyboar wesleyboar merged commit 23b6fd8 into feat/tup-463 Nov 3, 2023
1 check passed
@wesleyboar wesleyboar deleted the fix/tup-617-c-button-font-weight branch November 3, 2023 17:56
@wesleyboar
Copy link
Member Author

After #361 and merging main (7c060cf), this PR expectedly has zero changes.

wesleyboar added a commit that referenced this pull request Nov 14, 2023
* feat: tup-615 small header buttons (#338)

* feat: tup-615 my account header (#340)

* fix: inconsistent header spacing (#341)

* fix: tup-615 flexible space above dashboard header (#342)

* fix: project ticket grid too much middle space

Designers do not intend nor like big gap. It's been around since Portal.

But it's been so difficult to fix… until  `project-ticket-grid` came.

I hadn't noticed the fix was possible until just now.

* docs: more css thoughts in comment

* docs: more css thoughts in comment

* feat: tup-619 c-content block migration (#346)

* feat: tup-619 c-content block migration

* removed content-block import

* feat: tup-623 c-update migration (#348)

* migrated c-update to core-styles

* removed c-update import

* feat: tup-624: added generics/attributes to demo (#345)

* 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

* feat/tup-625: Migrate o-heading-steps to core-styles (#349)

* feat/tup-630: Migrate django.cms.blog.app.item (#351)

* getting rid of django.cms.blog.app.item.css

* removing the import for django.cms.blog.app.item.css

* feat/tup-632: Migrate django.cms.picture.css to core-cms (#355)

* Migrate c-card fixes to core-styles (#361)

Co-authored-by: Wesley Bomar <[email protected]>

* Migrated header to Core-Styles (#359)

Co-authored-by: Wesley Bomar <[email protected]>

* fix: tup-617 c-button font-weight redunant style (#364)

* feat(tup-cms): core-cms with core-styles v2.19

* chore: lowercase comment

* feat(tup-cms)!: core-cms with core-styles v2.19

WARNING: v2.17.3 causes login form field bug.

* feat/tup-634: Migrate pseudo-elements to core-cms (#358)

* feat/tup-625: delete u-highlight stylesheet (#352)

No need for u-highlight per jira ticket

Co-authored-by: Wesley B <[email protected]>

* Migrate card list support to core-styles (#360)

Co-authored-by: Wesley Bomar <[email protected]>

* feat/tup-626: delete o-section from tup-ui (#353)

* 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 (#357)

* feat/tup-633: Migrate lightgallery to core-cms

* delete unnecessary import of django.cms.picture.css

* feat/tup-629: delete footer (#356)

* feat/tup-629: delete footer

Footer is already in core-styles and cms

* remove unnecessary imports

* removing all card--image styles (#365)

* chore: tup-616 migrate c-button styles to core-cms (#343)

* chore: migrate c-button styles to core-cms

TACC/Core-CMS#729

* fix: remove import of file deleted in merge

---------

Co-authored-by: Tomas Gonzalez <[email protected]>

* feat/tup-622 migrate c-pill to core-styles (#367)

* fix: tup-615 prevent too tall proj's-tickets table

* feat/tup-640 Delete c-card and c-content-block imports (#368)

* feat(tup-cms): core-cms with core-styles v2.20

WARNING: Introduces login form field width bug. (Core-Styles v2.17.3 might be the cause.)

* feat(tup-ui): core-styles v2.20

---------

Co-authored-by: Tomas Gonzalez <[email protected]>
Co-authored-by: Jake Rosenberg <[email protected]>
Co-authored-by: Tomas Gonzalez <[email protected]>
wesleyboar added a commit that referenced this pull request Nov 30, 2023
* docs: more css thoughts in comment

* docs: more css thoughts in comment

* feat: tup-619 c-content block migration (#346)

* feat: tup-619 c-content block migration

* removed content-block import

* feat: tup-623 c-update migration (#348)

* migrated c-update to core-styles

* removed c-update import

* feat: tup-624: added generics/attributes to demo (#345)

* 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

* feat/tup-625: Migrate o-heading-steps to core-styles (#349)

* feat/tup-630: Migrate django.cms.blog.app.item (#351)

* getting rid of django.cms.blog.app.item.css

* removing the import for django.cms.blog.app.item.css

* feat/tup-632: Migrate django.cms.picture.css to core-cms (#355)

* Migrate c-card fixes to core-styles (#361)

Co-authored-by: Wesley Bomar <[email protected]>

* Migrated header to Core-Styles (#359)

Co-authored-by: Wesley Bomar <[email protected]>

* fix: tup-617 c-button font-weight redunant style (#364)

* feat(tup-cms): core-cms with core-styles v2.19

* chore: lowercase comment

* feat(tup-cms)!: core-cms with core-styles v2.19

WARNING: v2.17.3 causes login form field bug.

* feat/tup-634: Migrate pseudo-elements to core-cms (#358)

* feat/tup-625: delete u-highlight stylesheet (#352)

No need for u-highlight per jira ticket

Co-authored-by: Wesley B <[email protected]>

* Migrate card list support to core-styles (#360)

Co-authored-by: Wesley Bomar <[email protected]>

* feat/tup-626: delete o-section from tup-ui (#353)

* 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 (#357)

* feat/tup-633: Migrate lightgallery to core-cms

* delete unnecessary import of django.cms.picture.css

* feat/tup-629: delete footer (#356)

* feat/tup-629: delete footer

Footer is already in core-styles and cms

* remove unnecessary imports

* removing all card--image styles (#365)

* chore: tup-616 migrate c-button styles to core-cms (#343)

* chore: migrate c-button styles to core-cms

TACC/Core-CMS#729

* fix: remove import of file deleted in merge

---------

Co-authored-by: Tomas Gonzalez <[email protected]>

* feat/tup-622 migrate c-pill to core-styles (#367)

* feat/tup-640 Delete c-card and c-content-block imports (#368)

* feat(tup-cms): core-cms with core-styles v2.20

WARNING: Introduces login form field width bug. (Core-Styles v2.17.3 might be the cause.)

* feat(tup-ui): core-styles v2.20

* feat(tup-cms): core-styles v2.21 + via core-cms

* feat: tup 648 do not use plain highlight class (#370)

* feat: tup-648 do not use plain highlight class

* feat: tup-648 do not use plain highlight class

* bug/tup-650: Resetting (unset) padding-block from cms (#371)

* bug/tup-650: Remove padding-block from cms

* adjusted comments to relative code blocks

* fix: tup-654 use c-form--login from core-styles (#374)

* fix: tup-654 use c-form--login from core-styles

* chore: tup-654 remove redundant `c-form` classname

* chore: tup-463 remove temp. core-styles imports (#375)

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.

* enhance: tup-463 login component should use core-styles (#376)

* 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

* chore: tup-463 delete css modules mimicking core (#377)

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!

* feat: core-styles v2.21.0 to v2.21.1

* feat: core-cms, core-styles v2.21.0 to v2.21.1

* hotfix: tup-654 mfa c nav pipe not showing (#379)

* 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.

* chore: remove redundant import of cortal.icon.css (#380)

The core-styles.portal.css already includes cortal.icon.css.

* hotfix: tup-658 login form title too small (#381)

* hotfix: tup-658 form login title too small

* docs: idea, Core-Styles elements/headings--portal

* feat: core-cms, core-styles v2.21.1 to v2.21.2

* feat: core-cms, core-styles v2.21 to v2.22

* feat: core-cms w/ core-styles' django-cms-forms

TACC/Core-CMS#678 since 0335d90.

* fix: core-cms core-styles' django-cms-forms

TACC/Core-CMS#678 (latest as of now)

* feat: tup-463 migrate css to core - misc bugs (#384)

* 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

* chore: core-cms v4.2.0

---------

Co-authored-by: Tomas Gonzalez <[email protected]>
Co-authored-by: Tomas Gonzalez <[email protected]>
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