beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add line height to site description block to prevent jump

Browse source 
Previously, the block would jump around as the line height and size
were not consistent. This makes those consistent and makes
sure that they are also applied during block focus.
This commit is contained in:
Noah Allen 2019-08-02 09:55:02 -07:00
parent b917d70a68
commit 25868fa6d2
2 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
modern-business/style-editor.css
View file

@ -1840,9 +1840,10 @@ ul.wp-block-archives li ul,
}
/** === Site Description Block === */
.wp-block-a8c-site-description {
.wp-block-a8c-site-description, .wp-block-a8c-site-description:focus {
text-align: center;
margin: 0;
line-height: 0.8em;
}
/** === Classic Editor === */

9
modern-business/style-editor.scss
View file

@ -910,8 +910,13 @@ ul.wp-block-archives,
/** === Site Description Block === */
.wp-block-a8c-site-description {
text-align: center;
margin: 0;
&,&:focus {
text-align: center;
margin: 0;
// Line height rounded up from the description text-size set in style.css.
// It needs to be a bit larger to prevent text from getting cropped on top.
line-height: 0.8em;
}
}
/** === Classic Editor === */