E535 fix(global): pf-global and pf-v5 to pf-v6 updates by mcoker · Pull Request #6494 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

fix(global): pf-global and pf-v5 to pf-v6 updates#6494

Merged
mcoker merged 4 commits intopatternfly:v6from
mcoker:issue-6493
Apr 1, 2024
Merged

fix(global): pf-global and pf-v5 to pf-v6 updates#6494
mcoker merged 4 commits intopatternfly:v6from
mcoker:issue-6493

Conversation

@mcoker
Copy link
Contributor
@mcoker mcoker commented Mar 29, 2024

fixes #6493

@mcoker mcoker requested a review from srambach March 29, 2024 23:35

// Close
--#{$about-modal-box}__close--ZIndex: var(--#{$pf-global}--ZIndex--2xl); // TODO zindex token
--#{$about-modal-box}__close--ZIndex: var(--pf-t--global--Zindex--2xl); // TODO zindex token
Copy link
Member

Choose a reason for hiding this comment

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

Can probably take the TODO off now?

--#{$content}--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
--#{$content}--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
--#{$content}--ul--ListStyle: var(--#{$pf-global}--ListStyle); // TODO
--#{$content}--ul--ListStyle: var(--pf-t--global--list-style); // TODO
Copy link
Member

Choose a reason for hiding this comment

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

Does this still need a TODO?

--#{$dual-list-selector}__item-toggle-icon--Rotate: 0;
--#{$dual-list-selector}__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
--#{$dual-list-selector}__item-toggle-icon--Transition: var(--#{$pf-global}--Transition); // need token
--#{$dual-list-selector}__item-toggle-icon--Transition: var(--pf-t--global--transition); // need token
Copy link
Member

Choose a reason for hiding this comment

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

I think this comment can be removed

// toggle icon
--#{$jump-links}__toggle-icon--Color: currentcolor;
--#{$jump-links}__toggle-icon--Transition: var(--#{$pf-global}--Transition); // TODO
--#{$jump-links}__toggle-icon--Transition: var(--pf-t--global--transition); // TODO
Copy link
Member

Choose a reason for hiding this comment

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

Another TODO that's DONE :-)

--#{$list}--nested--MarginTop: var(--pf-t--global--spacer--sm);
--#{$list}--nested--MarginLeft: var(--pf-t--global--spacer--sm);
--#{$list}--ul--ListStyle: var(--#{$pf-global}--ListStyle); // TODO add token?
--#{$list}--ul--ListStyle: var(--pf-t--global--list-style); // TODO add token?
Copy link
Member

Choose a reason for hiding this comment

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

DONE 🎃

Comment on lines +124 to +125
--#{$menu}--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update
--#{$menu}--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update
Copy link
Member

Choose a reason for hiding this comment

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

✅ Can remove these TODOs

Copy link
Member
@srambach srambach left a comment

Choose a reason for hiding this comment

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

Just silly comments about removing TODO markers.
FABULOUS job! 🐰


// * Table expandable row
--#{$table}__expandable-row--Transition: var(--#{$pf-global}--Transition); // TODO: update to token when available
--#{$table}__expandable-row--Transition: var(--pf-t--global--transition); // TODO: update to token when available
Copy link
Member

Choose a reason for hiding this comment

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

TODONE

Copy link
Contributor Author

Choose a reason for hiding this comment

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

That would be a great productivity app name!


// * Table expandable row
--#{$table}__expandable-row--Transition: var(--#{$pf-global}--Transition); // TODO: update to token when available
--#{$table}__expandable-row--Transition: var(--pf-t--global--transition); // TODO: update to token when available
Copy link
Member

Choose a reason for hiding this comment

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

TODONE


&.pf-m-transparent-100 {
background-color: rgba($pf-v5-color-black-1000, .42);
background-color: rgba($pf-v6-color-black-1000, .42);
Copy link
Member

Choose a reason for hiding this comment

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

Do we even still need this file? Is it used for those deprecated components still?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

NOPE!

Comment on lines +124 to +125
--#{$menu}--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update
--#{$menu}--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update
Copy link
Member

Choose a reason for hiding this comment

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

These TODOs can go!


// * Menu drilldown list
--#{$menu}--m-drilldown__list--TransitionDuration--transform: var(--#{$pf-global}--TransitionDuration); // TODO: Update transition with token update
--#{$menu}--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update
Copy link
Member

Choose a reason for hiding this comment

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

TODO: remove TODO

--#{$modal-box}--BorderRadius: var(--pf-t--global--border--radius--large);
--#{$modal-box}--BoxShadow: var(--pf-t--global--box-shadow--lg);
--#{$modal-box}--ZIndex: var(--#{$pf-global}--ZIndex--xl); // TODO use a z-index token
--#{$modal-box}--ZIndex: var(--pf-t--global--Zindex--xl); // TODO use a z-index token
Copy link
Member

Choose a reason for hiding this comment

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

✅ Remove TODO

// Panel
--#{$sidebar}__panel--FlexBasis--base: auto;
--#{$sidebar}__panel--BoxShadow--base: #{0 pf-size-prem(4px) pf-size-prem(4px) pf-size-prem(-4px) rgba($pf-v5-color-black-1000, .16)}; // TODO NEEDS TOKEN. previous comment:modified so the shadow is only visible on the bottom of the element
--#{$sidebar}__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom); // TODO NEEDS TOKEN. previous comment:modified so the shadow is only visible on the bottom of the element
Copy link
Member

Choose a reason for hiding this comment

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

This comment is resolved

// * Toolbar expand all
--#{$toolbar}__expand-all-icon--Rotate: 0;
--#{$toolbar}__expand-all-icon--Transition: var(--#{$pf-global}--Transition); // TODO: update when transition is tokenized
--#{$toolbar}__expand-all-icon--Transition: var(--pf-t--global--transition); // TODO: update when transition is tokenized
Copy link
Member

Choose a reason for hiding this comment

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

All done! TODO can be removed.

@srambach srambach mentioned this pull request Apr 1, 2024
16 tasks
Copy link
Member
@srambach srambach left a comment

Choose a reason for hiding this comment

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

Perfecto! 👌

3E1D
@mcoker mcoker merged commit 6d44364 into patternfly:v6 Apr 1, 2024
@patternfly-build
Copy link
Collaborator

🎉 This PR is included in version 6.0.0-alpha.115 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

0