Update Materialize

src/main/resources/static/css/materialize.css

@@ -1,5 +1,5 @@
 /*!
- * Materialize v1.0.0-beta (http://materializecss.com)
+ * Materialize v1.0.0-rc.2 (http://materializecss.com)
  * Copyright 2014-2017 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */
@@ -4982,7 +4982,6 @@ small {
   height: auto;
   min-height: 48px;
   line-height: 1.5em;
-  word-break: break-all;
   background-color: #323232;
   padding: 10px 25px;
   font-size: 1.1rem;
@@ -5190,8 +5189,8 @@ small {
 .btn-small:disabled,
 .btn-flat:disabled,
 .btn[disabled],
-[disabled].btn-large,
+.btn-large[disabled],
-[disabled].btn-small,
+.btn-small[disabled],
 .btn-floating[disabled],
 .btn-large[disabled],
 .btn-small[disabled],
@@ -5217,8 +5216,8 @@ small {
 .btn-small:disabled:hover,
 .btn-flat:disabled:hover,
 .btn[disabled]:hover,
-[disabled].btn-large:hover,
+.btn-large[disabled]:hover,
-[disabled].btn-small:hover,
+.btn-small[disabled]:hover,
 .btn-floating[disabled]:hover,
 .btn-large[disabled]:hover,
 .btn-small[disabled]:hover,
@@ -5512,7 +5511,7 @@ button.btn-floating {
   background-color: rgba(0, 0, 0, 0.1);
 }
 
-.btn-flat.disabled {
+.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
   background-color: transparent !important;
   color: #b3b2b2 !important;
   cursor: default;
@@ -5578,7 +5577,6 @@ button.btn-floating {
 
 .dropdown-content li:focus {
   outline: none;
-  background-color: #dadada;
 }
 
 .dropdown-content li.divider {
@@ -5608,6 +5606,10 @@ button.btn-floating {
   width: 24px;
 }
 
+body.keyboard-focused .dropdown-content li:focus {
+  background-color: #dadada;
+}
+
 .input-field.col .dropdown-content [type="checkbox"] + label {
   top: 1px;
   left: 0;
@@ -5616,6 +5618,10 @@ button.btn-floating {
           transform: none;
 }
 
+.dropdown-trigger {
+  cursor: pointer;
+}
+
 /*!
  * Waves v0.6.0
  * http://fian.my.id/Waves
@@ -5757,6 +5763,10 @@ button.btn-floating {
   will-change: top, opacity;
 }
 
+.modal:focus {
+  outline: none;
+}
+
 @media only screen and (max-width: 992px) {
   .modal {
     width: 80%;
@@ -5851,6 +5861,10 @@ button.btn-floating {
   border-bottom: 1px solid #ddd;
 }
 
+.collapsible-header:focus {
+  outline: 0;
+}
+
 .collapsible-header i {
   width: 2rem;
   font-size: 1.6rem;
@@ -5859,6 +5873,10 @@ button.btn-floating {
   margin-right: 1rem;
 }
 
+.keyboard-focused .collapsible-header:focus {
+  background-color: #eee;
+}
+
 .collapsible-body {
   display: none;
   border-bottom: 1px solid #ddd;
@@ -6095,6 +6113,9 @@ label {
 :-ms-input-placeholder {
   color: #d1d1d1;
 }
+::-ms-input-placeholder {
+  color: #d1d1d1;
+}
 ::placeholder {
   color: #d1d1d1;
 }
@@ -6275,28 +6296,28 @@ textarea.materialize-textarea.validate + label {
 
 /* Validation Sass Placeholders */
 input.valid:not([type]), input.valid:not([type]):focus,
-input[type=text].valid:not(.browser-default),
+input.valid[type=text]:not(.browser-default),
-input[type=text].valid:not(.browser-default):focus,
+input.valid[type=text]:not(.browser-default):focus,
-input[type=password].valid:not(.browser-default),
+input.valid[type=password]:not(.browser-default),
-input[type=password].valid:not(.browser-default):focus,
+input.valid[type=password]:not(.browser-default):focus,
-input[type=email].valid:not(.browser-default),
+input.valid[type=email]:not(.browser-default),
-input[type=email].valid:not(.browser-default):focus,
+input.valid[type=email]:not(.browser-default):focus,
-input[type=url].valid:not(.browser-default),
+input.valid[type=url]:not(.browser-default),
-input[type=url].valid:not(.browser-default):focus,
+input.valid[type=url]:not(.browser-default):focus,
-input[type=time].valid:not(.browser-default),
+input.valid[type=time]:not(.browser-default),
-input[type=time].valid:not(.browser-default):focus,
+input.valid[type=time]:not(.browser-default):focus,
-input[type=date].valid:not(.browser-default),
+input.valid[type=date]:not(.browser-default),
-input[type=date].valid:not(.browser-default):focus,
+input.valid[type=date]:not(.browser-default):focus,
-input[type=datetime].valid:not(.browser-default),
+input.valid[type=datetime]:not(.browser-default),
-input[type=datetime].valid:not(.browser-default):focus,
+input.valid[type=datetime]:not(.browser-default):focus,
-input[type=datetime-local].valid:not(.browser-default),
+input.valid[type=datetime-local]:not(.browser-default),
-input[type=datetime-local].valid:not(.browser-default):focus,
+input.valid[type=datetime-local]:not(.browser-default):focus,
-input[type=tel].valid:not(.browser-default),
+input.valid[type=tel]:not(.browser-default),
-input[type=tel].valid:not(.browser-default):focus,
+input.valid[type=tel]:not(.browser-default):focus,
-input[type=number].valid:not(.browser-default),
+input.valid[type=number]:not(.browser-default),
-input[type=number].valid:not(.browser-default):focus,
+input.valid[type=number]:not(.browser-default):focus,
-input[type=search].valid:not(.browser-default),
+input.valid[type=search]:not(.browser-default),
-input[type=search].valid:not(.browser-default):focus,
+input.valid[type=search]:not(.browser-default):focus,
 textarea.materialize-textarea.valid,
 textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
   border-bottom: 1px solid #4CAF50;
@@ -6305,28 +6326,28 @@ textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-
 }
 
 input.invalid:not([type]), input.invalid:not([type]):focus,
-input[type=text].invalid:not(.browser-default),
+input.invalid[type=text]:not(.browser-default),
-input[type=text].invalid:not(.browser-default):focus,
+input.invalid[type=text]:not(.browser-default):focus,
-input[type=password].invalid:not(.browser-default),
+input.invalid[type=password]:not(.browser-default),
-input[type=password].invalid:not(.browser-default):focus,
+input.invalid[type=password]:not(.browser-default):focus,
-input[type=email].invalid:not(.browser-default),
+input.invalid[type=email]:not(.browser-default),
-input[type=email].invalid:not(.browser-default):focus,
+input.invalid[type=email]:not(.browser-default):focus,
-input[type=url].invalid:not(.browser-default),
+input.invalid[type=url]:not(.browser-default),
-input[type=url].invalid:not(.browser-default):focus,
+input.invalid[type=url]:not(.browser-default):focus,
-input[type=time].invalid:not(.browser-default),
+input.invalid[type=time]:not(.browser-default),
-input[type=time].invalid:not(.browser-default):focus,
+input.invalid[type=time]:not(.browser-default):focus,
-input[type=date].invalid:not(.browser-default),
+input.invalid[type=date]:not(.browser-default),
-input[type=date].invalid:not(.browser-default):focus,
+input.invalid[type=date]:not(.browser-default):focus,
-input[type=datetime].invalid:not(.browser-default),
+input.invalid[type=datetime]:not(.browser-default),
-input[type=datetime].invalid:not(.browser-default):focus,
+input.invalid[type=datetime]:not(.browser-default):focus,
-input[type=datetime-local].invalid:not(.browser-default),
+input.invalid[type=datetime-local]:not(.browser-default),
-input[type=datetime-local].invalid:not(.browser-default):focus,
+input.invalid[type=datetime-local]:not(.browser-default):focus,
-input[type=tel].invalid:not(.browser-default),
+input.invalid[type=tel]:not(.browser-default),
-input[type=tel].invalid:not(.browser-default):focus,
+input.invalid[type=tel]:not(.browser-default):focus,
-input[type=number].invalid:not(.browser-default),
+input.invalid[type=number]:not(.browser-default),
-input[type=number].invalid:not(.browser-default):focus,
+input.invalid[type=number]:not(.browser-default):focus,
-input[type=search].invalid:not(.browser-default),
+input.invalid[type=search]:not(.browser-default),
-input[type=search].invalid:not(.browser-default):focus,
+input.invalid[type=search]:not(.browser-default):focus,
 textarea.materialize-textarea.invalid,
 textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
 .select-wrapper.invalid > input.select-dropdown:focus {
@@ -6530,6 +6551,7 @@ textarea.materialize-textarea + label:after, .select-wrapper + label:after {
           transform-origin: 0 0;
 }
 
+.input-field > input[type]:-webkit-autofill:not(.browser-default) + label,
 .input-field > input[type=date]:not(.browser-default) + label,
 .input-field > input[type=time]:not(.browser-default) + label {
   -webkit-transform: translateY(-14px) scale(0.8);
@@ -7219,6 +7241,10 @@ select:disabled {
   background-color: transparent;
 }
 
+body.keyboard-focused .select-dropdown.dropdown-content li:focus {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .select-dropdown.dropdown-content li:hover {
   background-color: rgba(0, 0, 0, 0.08);
 }
@@ -7227,10 +7253,6 @@ select:disabled {
   background-color: rgba(0, 0, 0, 0.03);
 }
 
-.select-dropdown.dropdown-content li:focus {
-  background-color: rgba(0, 0, 0, 0.08);
-}
-
 .prefix ~ .select-wrapper {
   margin-left: 3rem;
   width: 92%;
@@ -7397,7 +7419,7 @@ input[type=range]::-webkit-slider-thumb {
   margin: -5px 0 0 0;
 }
 
-input[type=range].focused:focus:not(.active)::-webkit-slider-thumb {
+.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
   -webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
           box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
 }
@@ -7436,7 +7458,7 @@ input[type=range]:-moz-focusring {
   outline-offset: -1px;
 }
 
-input[type=range].focused:focus:not(.active)::-moz-range-thumb {
+.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
   box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
 }
 
@@ -7469,7 +7491,7 @@ input[type=range]::-ms-thumb {
   transition: box-shadow .3s, -webkit-box-shadow .3s;
 }
 
-input[type=range].focused:focus:not(.active)::-ms-thumb {
+.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
   box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
 }
 
@@ -8464,10 +8486,10 @@ input[type=range].focused:focus:not(.active)::-ms-thumb {
   visibility: visible;
   -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
           animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
-  -webkit-transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
+  -webkit-transition: opacity .3s,
 visibility 0s 1s,
 -webkit-transform .3s;
-  transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
+  transition: opacity .3s,
 visibility 0s 1s,
 -webkit-transform .3s;
-  transition: opacity .3s, transform .3s, visibility 0s 1s;
+  transition: opacity .3s,
 transform .3s,
 visibility 0s 1s;
-  transition: opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s;
+  transition: opacity .3s,
 transform .3s,
 visibility 0s 1s,
 -webkit-transform .3s;
 }
 
 .tap-target {
@@ -8520,10 +8542,10 @@ input[type=range].focused:focus:not(.active)::-ms-thumb {
 
 .tap-target-wave::after {
   visibility: hidden;
-  -webkit-transition: opacity .3s, visibility 0s, -webkit-transform .3s;
+  -webkit-transition: opacity .3s,
 visibility 0s,
 -webkit-transform .3s;
-  transition: opacity .3s, visibility 0s, -webkit-transform .3s;
+  transition: opacity .3s,
 visibility 0s,
 -webkit-transform .3s;
-  transition: opacity .3s, transform .3s, visibility 0s;
+  transition: opacity .3s,
 transform .3s,
 visibility 0s;
-  transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;
+  transition: opacity .3s,
 transform .3s,
 visibility 0s,
 -webkit-transform .3s;
   z-index: -1;
 }
 
@@ -8808,6 +8830,12 @@ input[type=range].focused:focus:not(.active)::-ms-thumb {
         -ms-flex-direction: row;
             flex-direction: row;
   }
+  .datepicker-date-display {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 1 270px;
+        -ms-flex: 0 1 270px;
+            flex: 0 1 270px;
+  }
   .datepicker-controls,
   .datepicker-table,
   .datepicker-footer {