-
Notifications
You must be signed in to change notification settings - Fork 356
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
chore(aboutmodal): added token instead off hard coded value #9452
chore(aboutmodal): added token instead off hard coded value #9452
Conversation
a22c2dd
to
ded55fb
Compare
Preview: https://patternfly-react-pr-9452.surge.sh A11y report: https://patternfly-react-pr-9452-a11y.surge.sh |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice!! Works perfectly. Just one little nit about the import name.
@@ -1,5 +1,6 @@ | |||
import * as React from 'react'; | |||
import { css } from '@patternfly/react-styles'; | |||
import AboutModalBoxBackgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box_BackgroundImage'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
import AboutModalBoxBackgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box_BackgroundImage'; | |
import backgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box_BackgroundImage'; |
Just looking at the format of other token imports, we can probably write this shorter and with a lowercase first letter
Pagination.tsx:import widthChars from '@patternfly/react-tokens/dist/esm/c_pagination__nav_page_select_c_form_control_width_chars';
Page.tsx:import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
Tooltip.tsx:import tooltipMaxWidth from '@patternfly/react-tokens/dist/esm/c_tooltip_MaxWidth';
Alert.tsx:import maxLines from '@patternfly/react-tokens/dist/esm/c_alert__title_max_lines';
ToolbarToggleGroup.tsx:import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_lg';
ToolbarUtils.tsx:import globalBreakpointMd from '@patternfly/react-tokens/dist/esm/global_breakpoint_md';
ToolbarUtils.tsx:import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_lg';
ToolbarUtils.tsx:import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
ToolbarUtils.tsx:import globalBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakpoint_2xl';
Popover.tsx:import popoverMaxWidth from '@patternfly/react-tokens/dist/esm/c_popover_MaxWidth';
Popover.tsx:import popoverMinWidth from '@patternfly/react-tokens/dist/esm/c_popover_MinWidth';
MenuItem.tsx:import topOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_top_offset';
MenuItem.tsx:import rightOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_m_left_right_offset';
MenuItem.tsx:import leftOffset from '@patternfly/react-tokens/dist/esm/c_menu_m_flyout__menu_left_offset';
NotificationDrawerGroup.tsx:import maxLines from '@patternfly/react-tokens/dist/esm/c_notification_drawer__group_toggle_title_max_lines';
NotificationDrawerListItemHeader.tsx:import maxLines from '@patternfly/react-tokens/dist/esm/c_notification_drawer__list_item_header_title_max_lines';
ModalBox.tsx:import topSpacer from '@patternfly/react-tokens/dist/esm/c_modal_box_m_align_top_spacer';
ExpandableSection.tsx:import lineClamp from '@patternfly/react-tokens/dist/esm/c_expandable_section_m_truncate__content_LineClamp';
JumpLinks.tsx:import cssToggleDisplayVar from '@patternfly/react-tokens/dist/esm/c_jump_links__toggle_Display';
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fixed! :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good Ashley!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🥳
…ly#9452) * chore(aboutmodal): added token instead off hard coded value * chore(aboutmodal): changed import name
Closes: #9246