diff --git a/cypress/fixtures/styles.css b/cypress/fixtures/styles.css index ecbbebbf..167b0af6 100644 --- a/cypress/fixtures/styles.css +++ b/cypress/fixtures/styles.css @@ -2,22 +2,6 @@ * Necessary styling for the dialog to work * -------------------------------------------------------------------------- */ -/** - * When `` is properly supported, the overlay is implied and can be - * styled with `::backdrop`, which means the DOM one should be removed. - */ -[data-a11y-dialog-native] .dialog-overlay { - display: none; -} - -/** - * When `` is not supported, its default display is `inline` which can - * cause layout issues. - */ -dialog[open] { - display: block; -} - .dialog[aria-hidden='true'] { display: none; } @@ -26,7 +10,7 @@ dialog[open] { * Styling to make the dialog look like a dialog * -------------------------------------------------------------------------- */ -.dialog:not([data-a11y-dialog-native]), +.dialog, .dialog-overlay { position: fixed; top: 0; @@ -44,10 +28,6 @@ dialog[open] { background-color: rgba(43, 46, 56, 0.9); } -dialog::backdrop { - background-color: rgba(43, 46, 56, 0.9); -} - .dialog-content { background-color: rgb(255, 255, 255); margin: auto; @@ -55,14 +35,6 @@ dialog::backdrop { position: relative; } -dialog.dialog-content { - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin: 0; -} - /* -------------------------------------------------------------------------- *\ * Extra dialog styling to make it shiny * -------------------------------------------------------------------------- */ @@ -87,10 +59,6 @@ dialog.dialog-content { animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both; } -dialog.dialog-content { - animation: fade-in 400ms 200ms both; -} - .dialog-content { padding: 1em; max-width: 90%; @@ -220,9 +188,6 @@ form { @media screen and (min-width: 700px) { form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } } @@ -243,9 +208,6 @@ form input { @media screen and (min-width: 700px) { form input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; flex: 1; border-right: 0; width: auto;