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.
This commit is contained in:
Sahil Batra 2023-02-28 19:59:52 +05:30 committed by Tim Abbott
parent 07f7089cf3
commit be5ddfa629
1 changed files with 3 additions and 27 deletions

View File

@ -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;