add: spacing styles for heading with annotation style in dust theme

[troychaplin]

Description

Updated spacing as discussed in #605.

I set the bottom padding to 0.15rem instead of the originally suggested 0.2 based on a heading set in all caps still appearing to have more bottom space than the top.

Screenshots

[github-actions]

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 props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: troychaplin <areziaal@git.wordpress.org>
Co-authored-by: juanfra <juanfra@git.wordpress.org>
Co-authored-by: rejaulalomkhan <rejaulalomkhan@git.wordpress.org>
Co-authored-by: carolinan <poena@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[github-actions]

Preview changes

You can preview these changes by following the link below:

• Preview changes for twentytwentyfive

I will update this comment with the latest preview links as you push more changes to this PR.

Note

The preview sites are created using WordPress Playground. You can add content, edit settings, and test the themes as you would on a real site, but please note that changes are not saved between sessions.

[rejaulalomkhan]

@troychaplin Thanks for your valuable PR.
Perfect, thanks for addressing the spacing issue as discussed in #605. The adjustment to 0.15rem for bottom padding makes sense given the heading's appearance. Nice work.

[juanfra]

Thank you, Troy!

This would be initially fixing the annotation padding for the dusk variation. The problem is that once saved, the CSS will be persistent and if you change the style variation then it'll affect how the annotation is viewed. The result would be creating this new problem:

Screen.Recording.2024-10-28.at.17.05.16.mov

[juanfra]

I still see a bit more spacing at the bottom. In my testing I believe approaching 0.1rem makes it look better. I'll defer to @beafialho to decide the value here.

[troychaplin]

Ok, I'll make any additional changes necessary once we hear back

[troychaplin]

@juanfra stepped away for a but, just following up on a few items. Are we still waiting for confirmation on this PR?

[juanfra]

@troychaplin thanks for coming back to this one. Unfortunately, as mentioned in the review, the PR will have the side effect of keeping/persisting the CSS once saved, affecting styles when changing variation. We need to find a solution that doesn't have this type of side effects. If we find it, we could confirm the padding-bottom of the annotation style for that variation in particular.

[troychaplin]

@juanfra it sounds like it might be best to just close this PR and remove my name from the issue. I will still take some time to look at other solutions, but best to leave it unassigned in case someone else wants to take a look as well.

[juanfra]

Ok, thank you Troy!

[troychaplin]

Closing pull request to pave the way for someone else who may have a new or better approach to solving this issue