mithril-materialized 3.3.3 → 3.3.5

package/dist/forms.css

@@ -387,7 +387,6 @@ td, th {
     border-spacing: 0;
     display: block;
     position: relative;
-    /* sort out borders */
   }
   table.responsive-table td:empty:before {
     content: " ";
@@ -435,6 +434,9 @@ td, th {
     border-bottom: none;
     padding: 0 10px;
   }
+  table.responsive-table {
+    /* sort out borders */
+  }
   table.responsive-table thead {
     border: 0;
     border-right: 1px solid rgba(0, 0, 0, 0.12);
@@ -1113,11 +1115,6 @@ textarea.materialize-textarea + label:after {
   transition: 0.2s opacity ease-out, 0.2s color ease-out;
 }
 
-.input-field {
-  position: relative;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
 .input-field.inline {
   display: inline-block;
   vertical-align: middle;
@@ -1134,6 +1131,11 @@ textarea.materialize-textarea + label:after {
 .input-field.col .prefix ~ .validate ~ label {
   width: calc(100% - 3rem - 1.5rem);
 }
+.input-field {
+  position: relative;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 .input-field > label {
   color: #9e9e9e;
   position: absolute;
@@ -1154,6 +1156,12 @@ textarea.materialize-textarea + label:after {
   transform: translateY(-14px) scale(0.8);
   transform-origin: 0 0;
 }
+.input-field .helper-text::after {
+  opacity: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 .input-field .helper-text {
   position: relative;
   min-height: 18px;
@@ -1161,12 +1169,6 @@ textarea.materialize-textarea + label:after {
   font-size: 12px;
   color: var(--mm-text-secondary, rgba(0, 0, 0, 0.54));
 }
-.input-field .helper-text::after {
-  opacity: 1;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
 .input-field .prefix {
   position: absolute;
   width: 3rem;
@@ -1325,13 +1327,16 @@ select {
   position: absolute;
 }
 
-.select-wrapper {
-  position: relative;
-}
 .select-wrapper.valid + label, .select-wrapper.invalid + label {
   width: 100%;
   pointer-events: none;
 }
+.select-wrapper {
+  position: relative;
+}
+.select-wrapper input.select-dropdown:focus {
+  border-bottom: 1px solid #26a69a;
+}
 .select-wrapper input.select-dropdown {
   position: relative;
   cursor: pointer;
@@ -1349,9 +1354,6 @@ select {
   user-select: none;
   z-index: 1;
 }
-.select-wrapper input.select-dropdown:focus {
-  border-bottom: 1px solid #26a69a;
-}
 .select-wrapper .caret {
   position: absolute;
   right: 0;
@@ -1589,9 +1591,6 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
   color: var(--mm-text-disabled, rgba(0, 0, 0, 0.42));
 }
 
-[type=checkbox] {
-  /* checkbox aspect */
-}
 [type=checkbox] + span:not(.lever) {
   position: relative;
   padding-left: 35px;
@@ -1602,6 +1601,9 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
   font-size: 1rem;
   user-select: none;
 }
+[type=checkbox] {
+  /* checkbox aspect */
+}
 [type=checkbox] + span:not(.lever):before, [type=checkbox]:not(.filled-in) + span:not(.lever):after {
   content: "";
   position: absolute;
@@ -2437,6 +2439,9 @@ input[type=range]::-ms-thumb {
 .file-field span {
   cursor: pointer;
 }
+.file-field input[type=file]::-webkit-file-upload-button {
+  display: none;
+}
 .file-field input[type=file] {
   position: absolute;
   top: 0;
@@ -2451,9 +2456,6 @@ input[type=range]::-ms-thumb {
   opacity: 0;
   filter: alpha(opacity=0);
 }
-.file-field input[type=file]::-webkit-file-upload-button {
-  display: none;
-}
 .file-field .close {
   height: 20px;
 }