-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
TextControl: Fix remaining 40px size violations #64594
Conversation
Size Change: -52 B (0%) Total Size: 1.77 MB
ℹ️ View Unchanged
|
@@ -319,6 +319,7 @@ module.exports = { | |||
'FontSizePicker', | |||
'NumberControl', | |||
'RangeControl', | |||
'TextControl', |
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.
Moved to the stricter rule that doesn't allow __next40pxDefaultSize={ false }
, now that we're done migrating.
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.
Neat!
@@ -150,8 +150,7 @@ function NonDefaultControls( { format, onChange } ) { | |||
/> | |||
{ isCustom && ( | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
@@ -227,16 +227,14 @@ const ImageURLInputUI = ( { | |||
checked={ linkTarget === '_blank' } | |||
/> | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
@@ -63,8 +63,7 @@ function InputFieldBlock( { attributes, setAttributes, className } ) { | |||
) } | |||
<InspectorControls group="advanced"> | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
@@ -380,8 +380,7 @@ function ButtonEdit( props ) { | |||
<InspectorControls group="advanced"> | |||
{ isLinkTag && ( | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
@@ -51,8 +51,7 @@ function RenameItemModalContent( { dataviewId, currentTitle, setIsRenaming } ) { | |||
> | |||
<VStack spacing="5"> | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
@@ -44,7 +44,7 @@ const getFuturePostUrl = ( post ) => { | |||
function CopyButton( { text, onCopy, children } ) { | |||
const ref = useCopyToClipboard( text, onCopy ); | |||
return ( | |||
<Button variant="secondary" ref={ ref }> | |||
<Button __next40pxDefaultSize variant="secondary" ref={ ref }> |
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.
@@ -24,8 +24,7 @@ function PostSlugControl() { | |||
|
|||
return ( | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
This doesn't appear anywhere in the app anymore, but code-wise it looks safe to change.
@@ -407,8 +407,7 @@ export function HierarchicalTermSelector( { slug } ) { | |||
<Flex direction="column" gap="4"> | |||
{ showFilter && ( | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
The category filter that appears in the post sidebar when there are many categories.
Before | After |
---|---|
May want to switch to a SearchControl (#64593).
@@ -169,8 +169,7 @@ export default function ReusableBlockConvertButton( { | |||
> | |||
<VStack spacing="5"> | |||
<TextControl | |||
// TODO: Switch to `true` (40px size) if possible | |||
__next40pxDefaultSize={ false } | |||
__next40pxDefaultSize |
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.
Doesn't appear in the app anymore, but should be safe (same as #64213 (comment)).
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.
To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
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.
LGTM 🚀 including the updates to the relevant Button
s to keep the UI consistent
@@ -319,6 +319,7 @@ module.exports = { | |||
'FontSizePicker', | |||
'NumberControl', | |||
'RangeControl', | |||
'TextControl', |
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.
Neat!
* Fix in DateFormatPicker * Fix in ImageURLInputUI * Fix in Button block * Fix in Form block InputFieldBlock * Fix in Form block * Fix in Image block content only mode * Fix in Navigation block * Fix in Post Comment block (deprecated) * Fix in Featured Image block * Fix in Categories block * Fix in Title block * Fix in Social Icons block * Fix in Template Part block * Fix in Video block track editor * Fix in Dataviews Add new view modal * Fix in Dataviews Rename view modal * Fix in PostPublishPanel * Fix in PostSlug component (unused in app) * Fix in HierarchicalTermSelector * Fix in ReusableBlockConvertButton (unused in app) * Move to stricter lint rule * Update snapshot Co-authored-by: mirka <[email protected]> Co-authored-by: ciampo <[email protected]>
Part of #63871
What?
Fixes the remaining 40px size violations for TextControl.
Testing Instructions
See inline comments.