fix(core): 🐛 do not insert pseudo elements to input element

It is invalid and does not work in Firefox.

Closes: #689
This commit is contained in:
alistair3149 2023-07-16 02:49:33 -04:00
parent 5ccab9e89d
commit 0e42030d39
No known key found for this signature in database
GPG key ID: 16076C01E5C88864
2 changed files with 16 additions and 16 deletions

View file

@ -180,26 +180,25 @@
/*
* Add overlay to menus as affordnance
* TODO: We should use JS to add the overlay instead of abusing CSS
* TODO: This does not work for TOC and Pref menu
*/
.citizen-menu-checkbox-checkbox,
.citizen-button {
.citizen-header__button {
contain: initial;
&[ aria-expanded='true' ] {
&::before {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
background-color: var( --background-color-overlay );
content: '';
}
~ .citizen-menu-checkbox-target {
z-index: 1;
~ .citizen-header__button {
&::before {
position: fixed;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
background-color: var( --background-color-overlay );
content: '';
}
}
}
}

View file

@ -82,6 +82,7 @@
height: 0;
padding: 0;
margin: 0;
opacity: 0;
// HACK: Fake focus styles
&:focus {