From 206a80194b5bbedce771b96e76306246b2ff602f Mon Sep 17 00:00:00 2001 From: Random Penguin <25882519-randompenguin@users.noreply.gitlab.com> Date: Thu, 20 Feb 2025 17:26:58 +0000 Subject: [PATCH] Calculator add-on visual indicator of active button --- bookface_auto.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/bookface_auto.css b/bookface_auto.css index 31cce7b..2f999d2 100644 --- a/bookface_auto.css +++ b/bookface_auto.css @@ -1332,6 +1332,9 @@ background-color: #999; text-align: center; } + .calc-content-wrapper input[type='button']:active { + box-shadow: inset 0 0 100px rgba(255,255,255,.2); + } .calc-content-wrapper input[name='plus'], .calc-content-wrapper input[name='minus'], .calc-content-wrapper input[name='multiplication'], @@ -1339,6 +1342,13 @@ .calc-content-wrapper input[name='enter']{ background-color: orange; } + .calc-content-wrapper input[name='plus']:active, + .calc-content-wrapper input[name='minus']:active, + .calc-content-wrapper input[name='multiplication']:active, + .calc-content-wrapper input[name='division']:active, + .calc-content-wrapper input[name='enter']:active{ + box-shadow: inset 0 0 100px rgba(0,0,0,.2); + } .calc-content-wrapper input[name='plus']{ padding-left: 10px; }