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(tab, tabs, tab-title, input, input-number, input-text, input-date-picker, input-time-picker): bumping the scale of icon to M when parent is scale L #6267

Merged

Conversation

Elijbet
Copy link
Contributor

@Elijbet Elijbet commented Jan 10, 2023

Related Issue: #5698

Summary

Bumping the scales of iconStart and iconEnd to M when the parent tab-title,input, input-number, input-text, input-date-picker, input-time-picker components are scale="l" for a visual distinction between larger and smaller components without affecting the height of the components when icon(s) are added or removed. Added _testOnly snapshots.

@github-actions github-actions bot added the bug Bug reports for broken functionality. Issues should include a reproduction of the bug. label Jan 10, 2023
@Elijbet Elijbet marked this pull request as ready for review January 10, 2023 22:43
@Elijbet Elijbet requested a review from a team as a code owner January 10, 2023 22:43
@Elijbet Elijbet added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Jan 10, 2023
@Elijbet Elijbet removed the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Jan 12, 2023
@Elijbet Elijbet marked this pull request as draft January 12, 2023 19:48
@Elijbet Elijbet changed the title fix(tab-title, input): bumping the scale of icon to M when parent is scale L fix(tab-title, input, input-message, input-number, input-text, input-date-picker, input-time-picker): bumping the scale of icon to M when parent is scale L Jan 12, 2023
@Elijbet Elijbet changed the title fix(tab-title, input, input-message, input-number, input-text, input-date-picker, input-time-picker): bumping the scale of icon to M when parent is scale L fix(tab-title, input, input-number, input-text, input-date-picker, input-time-picker): bumping the scale of icon to M when parent is scale L Jan 13, 2023
@Elijbet Elijbet added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Jan 13, 2023
@Elijbet Elijbet marked this pull request as ready for review January 13, 2023 07:00
@Elijbet Elijbet changed the title fix(tab-title, input, input-number, input-text, input-date-picker, input-time-picker): bumping the scale of icon to M when parent is scale L fix(tab, tabs, tab-title, input, input-number, input-text, input-date-picker, input-time-picker): bumping the scale of icon to M when parent is scale L Jan 13, 2023
@Elijbet Elijbet added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Jan 13, 2023
Copy link
Member

@benelan benelan left a comment

Choose a reason for hiding this comment

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

Code LGTM. Did we get design approval yet?

const iconStart = await page.find("calcite-tab-title >>> .calcite-tab-title--icon.icon-start");
const iconEnd = await page.find("calcite-tab-title >>> .calcite-tab-title--icon.icon-end");
const iconStart = await page.find(iconStartHtml);
const iconEnd = await page.find(iconEndHtml);
Copy link
Member

Choose a reason for hiding this comment

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

Thanks for the cleanup! 🧹

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yep, been working with design on this. I'll run it through them again to make sure.

@Elijbet Elijbet added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Jan 14, 2023
@Elijbet Elijbet merged commit e8edf6b into master Jan 14, 2023
@Elijbet Elijbet deleted the elijbet/6253-tab-title-and-input-scale-L-renders-icon-scale-M branch January 14, 2023 01:07
@github-actions github-actions bot added this to the 2023 January Priorities milestone Jan 14, 2023
benelan added a commit that referenced this pull request Jan 14, 2023
* master:
  fix(tab, tabs, tab-title, input, input-number, input-text, input-date-picker, input-time-picker): bumping the scale of icon to M when parent is scale L (#6267)
  1.0.0-next.725
  feat(modal)!: Updates accepted `width` values, adds css variables for width and height (#6166)
  docs: update component READMEs (#6274)
  1.0.0-next.724
  feat(date-picker): Update border color (#6273)
  1.0.0-next.723
  refactor(color-picker)!: remove appearance property (#6276)
  1.0.0-next.722
  refactor(input-time-picker)!: remove string payload from event. (#6275)
  1.0.0-next.721
  fix(accordion-item): bumping the scale of icon to M when parent accordion is scale L (#6252)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Bug reports for broken functionality. Issues should include a reproduction of the bug. pr ready for visual snapshots Adding this label will run visual snapshot testing.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants