From 8f149750f3dd54c5f950210a2bada8d17ca023b8 Mon Sep 17 00:00:00 2001 From: Sahil Batra Date: Tue, 22 Nov 2022 13:21:47 +0530 Subject: [PATCH] email_log: Do not use bootstrap css for radio buttons. We add the CSS rules handled by bootstrap for the radio buttons in forward email modal to email_log.css as we are in process of removing bootstrap The elements for which CSS rules have been added are label with "radio" class and "radio" type input elements. The max-height property added to label by bootstrap is not added since it does not applies to non-replaced inline elements. --- static/styles/portico/email_log.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/static/styles/portico/email_log.css b/static/styles/portico/email_log.css index cbe13a92e9..f9c7b71f82 100644 --- a/static/styles/portico/email_log.css +++ b/static/styles/portico/email_log.css @@ -15,4 +15,24 @@ .hide { display: none; } + + #forward_email_modal { + label.radio { + padding-left: 20px; + } + + input[type="radio"] { + float: left; + width: auto; + cursor: pointer; + margin: 4px 0 0 -20px; + line-height: normal; + + &:focus { + outline: 1px dotted hsl(0, 0%, 20%); + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + } + } }