From be5ddfa629853565e516e009e5a8346a8112db12 Mon Sep 17 00:00:00 2001 From: Sahil Batra Date: Tue, 28 Feb 2023 19:59:52 +0530 Subject: [PATCH] bootstrap: Remove bootstrap CSS for checkbox type input elements. We hide most of the native checkbox type input elements using "clip: rect(0, 0, 0, 0)", as we instead make our custom checkbox using span element. Native checkbox is used in emails page in development environment for which we have already added CSS in previous commit. This commit removes the CSS rules set for checkbox type inputs as part of our bootstrap removal project. --- web/third/bootstrap/css/bootstrap.css | 30 +++------------------------ 1 file changed, 3 insertions(+), 27 deletions(-) diff --git a/web/third/bootstrap/css/bootstrap.css b/web/third/bootstrap/css/bootstrap.css index 9031b8ea4d..1ebe7e5e3b 100644 --- a/web/third/bootstrap/css/bootstrap.css +++ b/web/third/bootstrap/css/bootstrap.css @@ -78,8 +78,7 @@ label, button, input[type="button"], input[type="reset"], -input[type="submit"], -input[type="checkbox"] { +input[type="submit"] { cursor: pointer; } input[type="search"] { @@ -564,22 +563,11 @@ input[type="color"]:focus { -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } -input[type="checkbox"] { - margin: 4px 0 0; - *margin-top: 0; - /* IE7 */ - - margin-top: 1px \9; - /* IE8-9 */ - - line-height: normal; -} input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], -input[type="button"], -input[type="checkbox"] { +input[type="button"] { width: auto; } input[type="file"] { @@ -591,8 +579,7 @@ input[type="file"] { line-height: 30px; } -input[type="file"]:focus, -input[type="checkbox"]:focus { +input[type="file"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; @@ -610,10 +597,6 @@ input::-webkit-input-placeholder { min-height: 20px; padding-left: 20px; } -.checkbox input[type="checkbox"] { - float: left; - margin-left: -20px; -} .input-large { width: 210px; } @@ -628,10 +611,6 @@ input[readonly] { cursor: not-allowed; background-color: #eeeeee; } -input[type="checkbox"][disabled], -input[type="checkbox"][readonly] { - background-color: transparent; -} input:focus:invalid { color: #b94a48; border-color: #ee5f5b; @@ -1732,9 +1711,6 @@ button.close { } } @media (max-width: 480px) { - input[type="checkbox"] { - border: 1px solid #ccc; - } .media .pull-left, .media .pull-right { float: none;