Merge pull request #16310 from Snuffleupagus/xfaLayer-CSS-is

Introduce some `:is` usage in the xfaLayer CSS
This commit is contained in:
Jonas Jenwald 2023-04-19 15:15:38 +02:00 committed by GitHub
commit f98358aa45
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -101,14 +101,8 @@
outline: 1.5px solid red; outline: 1.5px solid red;
} }
.xfaLayer div { .xfaLayer div,
pointer-events: none; .xfaLayer svg,
}
.xfaLayer svg {
pointer-events: none;
}
.xfaLayer svg * { .xfaLayer svg * {
pointer-events: none; pointer-events: none;
} }
@ -159,10 +153,7 @@
align-items: center; align-items: center;
} }
.xfaLeft > .xfaCaption, :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
.xfaLeft > .xfaCaptionForCheckButton,
.xfaRight > .xfaCaption,
.xfaRight > .xfaCaptionForCheckButton {
max-height: 100%; max-height: 100%;
} }
@ -178,10 +169,7 @@
align-items: flex-start; align-items: flex-start;
} }
.xfaTop > .xfaCaption, :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
.xfaTop > .xfaCaptionForCheckButton,
.xfaBottom > .xfaCaption,
.xfaBottom > .xfaCaptionForCheckButton {
width: 100%; width: 100%;
} }
@ -196,16 +184,14 @@
height: 100%; height: 100%;
} }
.xfaTextfield:focus, :is(.xfaTextfield, .xfaSelect):focus {
.xfaSelect:focus {
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
outline: var(--xfa-focus-outline); outline: var(--xfa-focus-outline);
outline-offset: -1px; outline-offset: -1px;
} }
.xfaCheckbox:focus, :is(.xfaCheckbox, .xfaRadio):focus {
.xfaRadio:focus {
outline: var(--xfa-focus-outline); outline: var(--xfa-focus-outline);
} }
@ -223,10 +209,7 @@
padding-inline: 2px; padding-inline: 2px;
} }
.xfaTop > .xfaTextfield, :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) {
.xfaTop > .xfaSelect,
.xfaBottom > .xfaTextfield,
.xfaBottom > .xfaSelect {
flex: 0 1 auto; flex: 0 1 auto;
} }
@ -327,12 +310,7 @@
flex: 1; flex: 1;
} }
.xfaNonInteractive input, :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) {
.xfaNonInteractive textarea,
.xfaDisabled input,
.xfaDisabled textarea,
.xfaReadOnly input,
.xfaReadOnly textarea {
background: initial; background: initial;
} }