Merge pull request #16310 from Snuffleupagus/xfaLayer-CSS-is
Introduce some `:is` usage in the xfaLayer CSS
This commit is contained in:
commit
f98358aa45
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user