mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-06-30 09:53:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

adds support for inline radio

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

8
less/_radios.less
View File

@ -13,14 +13,15 @@
} }
} }
.radio { .radio label, label.radio-inline {
label {
cursor: pointer; cursor: pointer;
padding-left: 45px; padding-left: 45px;
position: relative; position: relative;
color: @mdb-radio-label-color; color: @mdb-radio-label-color;
.mdb-label-color-toggle-focus(); .mdb-label-color-toggle-focus();
}
.radio, label.radio-inline {
span { span {
display: block; display: block;
position: absolute; position: absolute;
@ -62,7 +63,6 @@
input[type=radio]:checked ~ .check:after { input[type=radio]:checked ~ .check:after {
animation: rippleOn; animation: rippleOn;
} }
}
input[type=radio] { input[type=radio] {
opacity: 0; opacity: 0;
@ -92,7 +92,7 @@
// Prevent ripple effect on page load // Prevent ripple effect on page load
.is-focused { .is-focused {
.radio { .radio, label.radio-inline {
input[type=radio]:checked ~ .check:after { input[type=radio]:checked ~ .check:after {
animation: rippleOn 500ms; animation: rippleOn 500ms;
} }

2
scripts/material.js
View File

@ -76,7 +76,7 @@
"inputElements": "input.form-control, textarea.form-control, select.form-control", "inputElements": "input.form-control, textarea.form-control, select.form-control",
"checkboxElements": ".checkbox > label > input[type=checkbox], label.checkbox-inline > input[type=checkbox]", "checkboxElements": ".checkbox > label > input[type=checkbox], label.checkbox-inline > input[type=checkbox]",
"togglebuttonElements": ".togglebutton > label > input[type=checkbox]", "togglebuttonElements": ".togglebutton > label > input[type=checkbox]",
"radioElements": ".radio > label > input[type=radio]" "radioElements": ".radio > label > input[type=radio], label.radio-inline > input[type=radio]"
}, },
"checkbox": function (selector) { "checkbox": function (selector) {
// Add fake-checkbox to material checkboxes // Add fake-checkbox to material checkboxes