mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-04 05:53:43 +00:00 
			
		
		
		
	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:
		
							
								
								
									
										30
									
								
								web/third/bootstrap/css/bootstrap.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										30
									
								
								web/third/bootstrap/css/bootstrap.css
									
									
									
									
										vendored
									
									
								
							@@ -78,8 +78,7 @@ label,
 | 
				
			|||||||
button,
 | 
					button,
 | 
				
			||||||
input[type="button"],
 | 
					input[type="button"],
 | 
				
			||||||
input[type="reset"],
 | 
					input[type="reset"],
 | 
				
			||||||
input[type="submit"],
 | 
					input[type="submit"] {
 | 
				
			||||||
input[type="checkbox"] {
 | 
					 | 
				
			||||||
  cursor: pointer;
 | 
					  cursor: pointer;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
input[type="search"] {
 | 
					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);
 | 
					  -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);
 | 
					  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="file"],
 | 
				
			||||||
input[type="image"],
 | 
					input[type="image"],
 | 
				
			||||||
input[type="submit"],
 | 
					input[type="submit"],
 | 
				
			||||||
input[type="reset"],
 | 
					input[type="reset"],
 | 
				
			||||||
input[type="button"],
 | 
					input[type="button"] {
 | 
				
			||||||
input[type="checkbox"] {
 | 
					 | 
				
			||||||
  width: auto;
 | 
					  width: auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
input[type="file"] {
 | 
					input[type="file"] {
 | 
				
			||||||
@@ -591,8 +579,7 @@ input[type="file"] {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
  line-height: 30px;
 | 
					  line-height: 30px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
input[type="file"]:focus,
 | 
					input[type="file"]:focus {
 | 
				
			||||||
input[type="checkbox"]:focus {
 | 
					 | 
				
			||||||
  outline: thin dotted #333;
 | 
					  outline: thin dotted #333;
 | 
				
			||||||
  outline: 5px auto -webkit-focus-ring-color;
 | 
					  outline: 5px auto -webkit-focus-ring-color;
 | 
				
			||||||
  outline-offset: -2px;
 | 
					  outline-offset: -2px;
 | 
				
			||||||
@@ -610,10 +597,6 @@ input::-webkit-input-placeholder {
 | 
				
			|||||||
  min-height: 20px;
 | 
					  min-height: 20px;
 | 
				
			||||||
  padding-left: 20px;
 | 
					  padding-left: 20px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.checkbox input[type="checkbox"] {
 | 
					 | 
				
			||||||
  float: left;
 | 
					 | 
				
			||||||
  margin-left: -20px;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
.input-large {
 | 
					.input-large {
 | 
				
			||||||
  width: 210px;
 | 
					  width: 210px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@@ -628,10 +611,6 @@ input[readonly] {
 | 
				
			|||||||
  cursor: not-allowed;
 | 
					  cursor: not-allowed;
 | 
				
			||||||
  background-color: #eeeeee;
 | 
					  background-color: #eeeeee;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
input[type="checkbox"][disabled],
 | 
					 | 
				
			||||||
input[type="checkbox"][readonly] {
 | 
					 | 
				
			||||||
  background-color: transparent;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
input:focus:invalid {
 | 
					input:focus:invalid {
 | 
				
			||||||
  color: #b94a48;
 | 
					  color: #b94a48;
 | 
				
			||||||
  border-color: #ee5f5b;
 | 
					  border-color: #ee5f5b;
 | 
				
			||||||
@@ -1732,9 +1711,6 @@ button.close {
 | 
				
			|||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@media (max-width: 480px) {
 | 
					@media (max-width: 480px) {
 | 
				
			||||||
  input[type="checkbox"] {
 | 
					 | 
				
			||||||
    border: 1px solid #ccc;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
  .media .pull-left,
 | 
					  .media .pull-left,
 | 
				
			||||||
  .media .pull-right {
 | 
					  .media .pull-right {
 | 
				
			||||||
    float: none;
 | 
					    float: none;
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user