From 6d8f07243a23c6b402cc33c7ac926155f524f3ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Eike=20M=C3=BCcksch?= Date: Thu, 24 Nov 2022 03:07:49 +0100 Subject: [PATCH] Don't use
as a button (#502) * Don't use
as a button Addition to https://github.com/mdn/content/pull/21410 * stick to old styling * Update beastify/popup/choose_beast.html Co-authored-by: Estelle Weyl * Update beastify/popup/choose_beast.css Co-authored-by: Estelle Weyl * fix: check for button type at event listener * fix: align css selectors to changes Co-authored-by: Estelle Weyl --- beastify/popup/choose_beast.css | 19 +++++++++---------- beastify/popup/choose_beast.html | 8 ++++---- beastify/popup/choose_beast.js | 11 +++++------ 3 files changed, 18 insertions(+), 20 deletions(-) diff --git a/beastify/popup/choose_beast.css b/beastify/popup/choose_beast.css index db4c5a5..9bc6650 100644 --- a/beastify/popup/choose_beast.css +++ b/beastify/popup/choose_beast.css @@ -6,26 +6,25 @@ html, body { display: none; } -.button { +button { + border: none; + width: 100%; margin: 3% auto; padding: 4px; text-align: center; font-size: 1.5em; cursor: pointer; -} - -.beast:hover { - background-color: #CFF2F2; -} - -.beast { background-color: #E5F2F2; } -.reset { +button:hover { + background-color: #CFF2F2; +} + +button[type="reset"] { background-color: #FBFBC9; } -.reset:hover { +button[type="reset"]:hover { background-color: #EAEA9D; } diff --git a/beastify/popup/choose_beast.html b/beastify/popup/choose_beast.html index 5f68622..b52492a 100644 --- a/beastify/popup/choose_beast.html +++ b/beastify/popup/choose_beast.html @@ -8,10 +8,10 @@
-
Frog
-
Turtle
-
Snake
-
Reset
+ + + +