mithril-materialized 3.17.3 → 3.17.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core.css +8 -1
- package/dist/forms.css +8 -1
- package/dist/index.css +8 -1
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.umd.js +3 -3
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/sass/components/forms/_switches.scss +8 -1
package/dist/core.css
CHANGED
|
@@ -3136,13 +3136,19 @@ textarea.materialize-textarea {
|
|
|
3136
3136
|
.switch * {
|
|
3137
3137
|
-webkit-tap-highlight-color: transparent;
|
|
3138
3138
|
user-select: none;
|
|
3139
|
-
margin:
|
|
3139
|
+
margin: 12px 0 17px 0;
|
|
3140
3140
|
}
|
|
3141
3141
|
|
|
3142
3142
|
.switch label {
|
|
3143
3143
|
cursor: pointer;
|
|
3144
3144
|
}
|
|
3145
3145
|
|
|
3146
|
+
.switch label .switch-value {
|
|
3147
|
+
font-size: 16px;
|
|
3148
|
+
position: relative;
|
|
3149
|
+
top: -2px;
|
|
3150
|
+
}
|
|
3151
|
+
|
|
3146
3152
|
.switch label input[type=checkbox] {
|
|
3147
3153
|
opacity: 0;
|
|
3148
3154
|
width: 0;
|
|
@@ -3164,6 +3170,7 @@ textarea.materialize-textarea {
|
|
|
3164
3170
|
position: relative;
|
|
3165
3171
|
width: 36px;
|
|
3166
3172
|
height: 14px;
|
|
3173
|
+
top: -3px;
|
|
3167
3174
|
background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
|
|
3168
3175
|
border-radius: 15px;
|
|
3169
3176
|
margin-right: 10px;
|
package/dist/forms.css
CHANGED
|
@@ -2094,13 +2094,19 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
|
|
2094
2094
|
.switch * {
|
|
2095
2095
|
-webkit-tap-highlight-color: transparent;
|
|
2096
2096
|
user-select: none;
|
|
2097
|
-
margin:
|
|
2097
|
+
margin: 12px 0 17px 0;
|
|
2098
2098
|
}
|
|
2099
2099
|
|
|
2100
2100
|
.switch label {
|
|
2101
2101
|
cursor: pointer;
|
|
2102
2102
|
}
|
|
2103
2103
|
|
|
2104
|
+
.switch label .switch-value {
|
|
2105
|
+
font-size: 16px;
|
|
2106
|
+
position: relative;
|
|
2107
|
+
top: -2px;
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2104
2110
|
.switch label input[type=checkbox] {
|
|
2105
2111
|
opacity: 0;
|
|
2106
2112
|
width: 0;
|
|
@@ -2122,6 +2128,7 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
|
|
2122
2128
|
position: relative;
|
|
2123
2129
|
width: 36px;
|
|
2124
2130
|
height: 14px;
|
|
2131
|
+
top: -3px;
|
|
2125
2132
|
background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
|
|
2126
2133
|
border-radius: 15px;
|
|
2127
2134
|
margin-right: 10px;
|
package/dist/index.css
CHANGED
|
@@ -6893,13 +6893,19 @@ textarea.materialize-textarea {
|
|
|
6893
6893
|
-webkit-user-select: none;
|
|
6894
6894
|
-moz-user-select: none;
|
|
6895
6895
|
user-select: none;
|
|
6896
|
-
margin:
|
|
6896
|
+
margin: 12px 0 17px 0;
|
|
6897
6897
|
}
|
|
6898
6898
|
|
|
6899
6899
|
.switch label {
|
|
6900
6900
|
cursor: pointer;
|
|
6901
6901
|
}
|
|
6902
6902
|
|
|
6903
|
+
.switch label .switch-value {
|
|
6904
|
+
font-size: 16px;
|
|
6905
|
+
position: relative;
|
|
6906
|
+
top: -2px;
|
|
6907
|
+
}
|
|
6908
|
+
|
|
6903
6909
|
.switch label input[type=checkbox] {
|
|
6904
6910
|
opacity: 0;
|
|
6905
6911
|
width: 0;
|
|
@@ -6921,6 +6927,7 @@ textarea.materialize-textarea {
|
|
|
6921
6927
|
position: relative;
|
|
6922
6928
|
width: 36px;
|
|
6923
6929
|
height: 14px;
|
|
6930
|
+
top: -3px;
|
|
6924
6931
|
background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
|
|
6925
6932
|
border-radius: 15px;
|
|
6926
6933
|
margin-right: 10px;
|
package/dist/index.esm.js
CHANGED
|
@@ -7510,16 +7510,16 @@ const Switch = () => {
|
|
|
7510
7510
|
onchange && onchange(!checked);
|
|
7511
7511
|
},
|
|
7512
7512
|
}, [
|
|
7513
|
-
label && m(Label, { label: label || '', id, isMandatory, className: 'active' }),
|
|
7513
|
+
label && m(Label, { label: label || '', id, isMandatory, className: 'switch-label active' }),
|
|
7514
7514
|
m('.switch', params, m('label', [
|
|
7515
|
-
m('span', left || 'Off'),
|
|
7515
|
+
m('span.switch-value', left || 'Off'),
|
|
7516
7516
|
m('input[type=checkbox]', {
|
|
7517
7517
|
id,
|
|
7518
7518
|
disabled,
|
|
7519
7519
|
checked,
|
|
7520
7520
|
}),
|
|
7521
7521
|
m('span.lever'),
|
|
7522
|
-
m('span', right || 'On'),
|
|
7522
|
+
m('span.switch-value', right || 'On'),
|
|
7523
7523
|
])),
|
|
7524
7524
|
]);
|
|
7525
7525
|
},
|