mithril-materialized 3.17.1 → 3.17.3
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 +10 -5
- package/dist/forms.css +10 -5
- package/dist/index.css +10 -5
- package/dist/index.esm.js +4 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.umd.js +4 -2
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/sass/components/forms/_input-fields.scss +11 -6
package/package.json
CHANGED
|
@@ -141,6 +141,8 @@ textarea.materialize-textarea {
|
|
|
141
141
|
.input-field {
|
|
142
142
|
input.number-input:not(.browser-default) {
|
|
143
143
|
-moz-appearance: textfield;
|
|
144
|
+
box-sizing: border-box;
|
|
145
|
+
width: calc(100% - 0.75rem);
|
|
144
146
|
padding-right: 2rem;
|
|
145
147
|
|
|
146
148
|
&::-webkit-inner-spin-button,
|
|
@@ -153,11 +155,19 @@ textarea.materialize-textarea {
|
|
|
153
155
|
.number-input-controls {
|
|
154
156
|
position: absolute;
|
|
155
157
|
top: 0;
|
|
156
|
-
right: 0;
|
|
158
|
+
right: 0.25rem;
|
|
157
159
|
display: flex;
|
|
158
160
|
flex-direction: column;
|
|
159
161
|
justify-content: center;
|
|
160
162
|
height: variables.$input-height;
|
|
163
|
+
opacity: 0;
|
|
164
|
+
pointer-events: none;
|
|
165
|
+
transition: opacity 0.2s ease;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
&:hover .number-input-controls {
|
|
169
|
+
opacity: 1;
|
|
170
|
+
pointer-events: auto;
|
|
161
171
|
}
|
|
162
172
|
|
|
163
173
|
.number-input-control {
|
|
@@ -178,11 +188,6 @@ textarea.materialize-textarea {
|
|
|
178
188
|
background-color: var(--mm-primary-color-alpha-10, rgba(38, 166, 154, 0.1));
|
|
179
189
|
}
|
|
180
190
|
|
|
181
|
-
&:focus-visible {
|
|
182
|
-
outline: 2px solid var(--mm-primary-color, variables.$primary-color);
|
|
183
|
-
outline-offset: -2px;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
191
|
svg {
|
|
187
192
|
font-size: 1.25rem;
|
|
188
193
|
line-height: 1;
|