Opened 15 months ago
Last modified 10 months ago
#56109 new defect (bug)
Twenty Twenty-One: Button font size issue when we change the alignment
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | 6.0 |
Component: | Bundled Theme | Keywords: | has-patch needs-refresh |
Focuses: | Cc: |
Description
Activate Twenty Twenty one theme.
Take a button block.
Align button to any left, center or right.
Then add font size it should not reflect on button on the editor side it should work properly on the user side.
If you make button alignment to none then this issue will not happen.
I have attached video for better understanding.
Video url :- https://share.cleanshot.com/RM7ldWCN165aUBR4vzxm
Attachments (4)
Change History (10)
#3
@
15 months ago
- Summary changed from Twenty Twenty one theme button font size issue when we change the alignement. to Twenty Twenty-One: Button font size issue when we change the alignment
#4
@
15 months ago
Hi!
Targeting the class .has-custom-font-size
on the button like in patch 56109.1 will work better than removing the CSS property in patch 56109.2.
- This is because removing the CSS property will break existing sites that uses it.
- Is there a way we can make the selector less specific than in patch 56109.1?
- The theme uses sass and the CSS files are generated with the build tools and commands listed in the package.json file. This means that the changes need to be made to the .scss files, or the changes will be overwritten.
The correct scss file to update for the button block's editor view is
twentytwentyone/assets/sass/05-blocks/button/_editor.scss
#5
@
15 months ago
Hello @poena,
As per your suggestion i have applied patch with the given path.
Once we apply this solution we need to run the command.
By opening terminal at this path.
core/trunk/wp-content/themes/twentytwentyone
npm run build:style-editor
Then our css build and automatically add to the style-editor.css
patch added