mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-15 06:08:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

adds support for inline checkbox

Browse Source
This commit is contained in:
tilwinjoy 2016-04-26 11:12:39 +05:30
parent f3944db19e
commit efd350929c
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
less/_checkboxes.less
View File

@ -2,14 +2,16 @@
.form-group {
}
.checkbox {
label {
cursor: pointer;
padding-left: 0; // Reset for Bootstrap rule
color: @mdb-checkbox-label-color;
.mdb-label-color-toggle-focus();
}
.checkbox label,
label.checkbox-inline {
cursor: pointer;
padding-left: 0; // Reset for Bootstrap rule
color: @mdb-checkbox-label-color;
.mdb-label-color-toggle-focus();
}
.checkbox,
label.checkbox-inline {
// Hide native checkbox
input[type=checkbox] {
opacity: 0;
@ -135,7 +137,8 @@
// Prevent checkbox animation and ripple effect on page load
.is-focused {
.checkbox {
.checkbox,
label.checkbox-inline {
.checkbox-material {
.check:before {
animation: checkbox-off @mdb-checkbox-animation-check forwards;

2
scripts/material.js
View File

@ -74,7 +74,7 @@
".pagination li:not(.active):not(.disabled) a:not(.withoutripple)"
].join(","),
"inputElements": "input.form-control, textarea.form-control, select.form-control",
"checkboxElements": ".checkbox > label > input[type=checkbox]",
"checkboxElements": ".checkbox > label > input[type=checkbox], label.checkbox-inline > input[type=checkbox]",
"togglebuttonElements": ".togglebutton > label > input[type=checkbox]",
"radioElements": ".radio > label > input[type=radio]"
},