From 754d56cc8f2886e5a1dba1d984dc93f52508ef9f Mon Sep 17 00:00:00 2001
From: Kitty Giraudel <kitty.giraudel@gmail.com>
Date: Wed, 17 Aug 2022 09:49:19 +0200
Subject: [PATCH] Remove obsolete styles from the fixture files

---
 cypress/fixtures/styles.css | 40 +------------------------------------
 1 file changed, 1 insertion(+), 39 deletions(-)

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 `<dialog>` 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 `<dialog>` 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;