From 96eaadda71086e0b11bf2481f78a287fbb67eeed Mon Sep 17 00:00:00 2001 From: Sahil Batra Date: Mon, 22 May 2023 22:08:02 +0530 Subject: [PATCH] activity: Add bootstrap CSS styles for number type inputs. This commit adds bootstrap CSS rules for number type inputs in activity page to activity.css as we will be removing them from bootstrap.css in further commits. --- web/styles/portico/activity.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/web/styles/portico/activity.css b/web/styles/portico/activity.css index 6fd04d5126..17ca7fad9d 100644 --- a/web/styles/portico/activity.css +++ b/web/styles/portico/activity.css @@ -92,6 +92,23 @@ tr.admin td:first-child { .support-discount-form { position: relative; top: -50px; + + & input { + padding: 4px 6px; + border-radius: 4px; + border: 1px solid hsl(0deg 0% 80%); + color: hsl(0deg 0% 33%); + margin-bottom: 10px; + transition: border linear 0.2s, box-shadow linear 0.2s; + box-shadow: inset 0 1px 1px hsla(0deg 0 0 / 7.5%); + + &:focus { + border-color: hsl(206deg 80% 62% / 80%); + outline: 0; + box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%), + 0 0 8px hsl(206.494deg 80% 62% / 60%); + } + } } .support-plan-type-form {