Make dialog css edits dependant on polyfil

This commit is contained in:
QuantumEntangledAndy
2024-10-04 16:57:59 +07:00
parent 3e465d155c
commit bd48c2445a
3 changed files with 10 additions and 7 deletions

View File

@@ -1,4 +1,4 @@
dialog {
.poly_dialog {
position: absolute;
left: 0; right: 0;
width: -moz-fit-content;
@@ -15,22 +15,22 @@ dialog {
display: block;
}
dialog:not([open]) {
.poly_dialog:not([open]) {
display: none;
}
dialog + .backdrop {
.poly_dialog + .backdrop {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
background: rgba(0,0,0,0.1);
}
._dialog_overlay {
._poly_dialog_overlay {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
}
dialog.fixed {
.poly_dialog.fixed {
position: fixed;
top: 50%;
transform: translate(0, -50%);