Skip to content

Commit c11f989

Browse files
committed
Consistently adjust the padding for all form selects
It seems Firefox fixed their longstanding bug, which caused the workaround in PatternFly (who adopted it from us) to no longer be relevant. I adjusted our own workaround, but it didn't apply as PatternFly also (at some point in time) changed the DOM so the selector no longer matched. We'll want to communicate this with PF to get PF6 fixed. Possibly even PF5 too, as it apparently changed in Firefox recently, and therefore newer versions of Firefox will "break" the expected layout without addressing it in PF directly (or with a workaround in codebases).
1 parent 253d25b commit c11f989

File tree

3 files changed

+3
-10
lines changed

3 files changed

+3
-10
lines changed

pkg/lib/patternfly/patternfly-5-overrides.scss

+1-8
Original file line numberDiff line numberDiff line change
@@ -57,16 +57,9 @@ to wrap around when there isn't enough space.
5757
/* (This can be seen when the longest text is selected on a non-stretched select) */
5858
/* Upstream: https://github.com/patternfly/patternfly/issues/4387 */
5959
/* Cockpit-Podman: https://github.com/cockpit-project/cockpit-podman/issues/755 */
60-
select.pf-v5-c-form-control {
60+
.pf-v5-c-form-control > select {
6161
--pf-v5-c-form-control--PaddingRight: 41px;
6262
--pf-v5-c-form-control--PaddingLeft: 8px;
63-
64-
// Firefox's select text has additional padding (4px)
65-
/* stylelint-disable-next-line at-rule-no-vendor-prefix */
66-
@-moz-document url-prefix() {
67-
--pf-v5-c-form-control--PaddingRight: 37px;
68-
--pf-v5-c-form-control--PaddingLeft: 4px;
69-
}
7063
}
7164

7265
// Fix the double-spacing issue in the non-deprecated split buttons

test/reference

Submodule reference updated 452 files

0 commit comments

Comments
 (0)