Skip to content

Radio Control spacing inconsistency #17929

@rodrigodagostino

Description

@rodrigodagostino

The following line of code in style.css is causing a spacing inconsistency in the Radio Control:

.components-radio-control {
    display: flex;
    flex-direction: column;
}

The only available example can be found in the Latest Posts Block -> Post Content Settings.

This is what it looks like at the moment (I've colored the bottom margin of the surrounding element with a darker orange):
image

The expected behavior would be having those two margins overlap each other, but display: flex is impeding that (I couldn't figure out what that flex: display is doing there in the first place).

Removing those lines of code seems to solve the problem without modifying anything else:
image

  • OS: Windows 10 64-bit

  • Browser: Firefox [DE], Opera, Chrome

  • Version: 70.0b14, 63.0.3368.94, 77.0.3865.120

  • Gutenberg 6.6.0

  • WordPress 5.2.3

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions