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: cmd-84 cleanup tup-534 table css ⚠️ #302

Draft
wants to merge 44 commits into
base: feat/cmd-111-new-mobile-table-ui
Choose a base branch
from

Conversation

wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Jan 22, 2024

Status

Caution

Do not merge main yet. #275 is reverted by #313. That revert will cause trouble here. Solution not certain.

Overview

To restore & fix & polish #275.

Related

Changes

Testing

UI

R-Tomas-Gonzalez and others added 30 commits November 28, 2023 17:17
Specifically not working for nested tables just yet. Also, need to look at paragraph tables with no headers - padding adjusts for headers even when there are none...
* test: get correct data-col value (INCOMPLETE)

* feat: get correct col names & values (INCOMPLETE)

* feat: get correct col names & values (SUCCESS)

* chore: clean up new helper getColFromRow

* refactor: less chars in hbs, more logic in config

* fix: remove cruft change

* chore: remove console.log

* fix: missing cols breaks getColFromRow

* chore: simplify previous fix
accomplishes 1 - 3 on design dev mtg notes.(will attach comments).
 we can adjust from here when/if needed. But for now, they are mimiced from desktop to mobile
Awaiting design for feedback on nested tables.
removing commented out code in fractal. commenting out correct table truncation
This table is a Trump (Scope) pattern used by CMS.

It is loaded by table to keep code DRY, but it should appear in Trumps section of demo.

I welcome discussion of different solutions. This is not the only such case like this.

P.S. The s-truncated-table was removed in 0a9b0b6 also. That's expected. No clients use it. If they want truncation, they can use Core-Styles truncation or do it themselves.
This style is merely coloring a row to be the same as it is already.

Before, it hadd a purpose, but the design has since changed.
This style matched parent row height, but that design is outdated.
- color cell rows, not cells
- switch from `.has-table` to `:has(table)`
- simplify "has table" selectors
- only color cells for `.o-fixed-header-table`
- comment on code that may be cruft
@wesleyboar wesleyboar added fix Fixes user-facing behavior or feature patch A backward-compatible fix labels Jan 23, 2024
@wesleyboar wesleyboar changed the title Task/tup 534 cleanup Task/tup 534 Cleanup table CSS Jan 25, 2024
@wesleyboar wesleyboar changed the title Task/tup 534 Cleanup table CSS fix: tup-534 cleanup table css Jan 25, 2024
Base automatically changed from task/tup-534 to main January 25, 2024 20:27
@wesleyboar wesleyboar changed the title fix: tup-534 cleanup table css fix: cmd-84 cleanup tup-534 table css Feb 20, 2024
@wesleyboar wesleyboar added the blocked Unable to continue work label Mar 1, 2024
@wesleyboar wesleyboar changed the title fix: cmd-84 cleanup tup-534 table css fix: cmd-84 cleanup tup-534 table css ⚠️ Mar 1, 2024
@wesleyboar wesleyboar changed the base branch from main to feat/cmd-111-new-mobile-table-ui March 12, 2024 22:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
blocked Unable to continue work fix Fixes user-facing behavior or feature patch A backward-compatible fix
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants