Adapt to latest md changes

UI/WebServerResources/scss/components/autocomplete/autocomplete.scss

@@ -6,14 +6,3 @@
     right: $baseline-grid*2;
   }
 }
-
-md-autocomplete {
-  &.sg-input-no-message {
-    &[md-floating-label] {
-      md-input-container {
-        // See .md-input-has-messages
-        padding-bottom: $input-container-padding;
-      }
-    }
-  }
-}

UI/WebServerResources/scss/components/dialog/dialog.scss

@@ -20,6 +20,7 @@ body.popup {
 }
 
 md-dialog {
+  background-color: white !important;
   md-dialog-content {
     &.sg-dialog-message {
       // Prepare content to receive a "close" button on the right

UI/WebServerResources/scss/components/input/input.scss

@@ -25,6 +25,13 @@ md-input-container .bgroup {
   left-margin: -1.25em;
 }
 
+md-autocomplete .sg-input-no-message [md-floating-label] {
+  md-input-container {
+    // See .md-input-has-messages
+    padding-bottom: $input-container-padding;
+  }
+}
+
 .PseudoField input {
   flex: 1;
   order: 2;

UI/WebServerResources/scss/components/list/list.scss

@@ -28,7 +28,7 @@ md-list-item {
     }
   }
 
-  .md-list-item-inner {
+  ._md-list-item-inner {
     flex-grow: 1; // use all column space
     overflow: hidden;
 
@@ -71,14 +71,20 @@ md-list-item {
   }
 
   md-list-item {
-    .md-button {
+    // Gain some space on the right side of the folder icon
+    ._md-list-item-inner > md-icon:first-child,
+    ._md-list-item-inner > md-checkbox:first-child {
+      margin-right: $bl * 2;
+    }
+
+    .md-button,
+    &.md-clickable {
       margin: 0;
       transition: background-color $swift-ease-in-duration $swift-ease-in-timing-function;
     }
-    // Gain some space on the right side of the folder icon
-    .md-list-item-inner > md-icon:first-child,
-    .md-list-item-inner > md-checkbox:first-child {
-      margin-right: $bl * 2;
+
+    &.md-clickable:hover {
+      background-color: rgba(158,158,158,0.2);
     }
   }
 }
@@ -123,9 +129,9 @@ div.md-tile-left {
 
 .sg-section-list {
   md-list-item {
-    &.md-button-wrap {
+    &._md-button-wrap {
       > .md-button:first-child {
-        .md-list-item-inner {
+        ._md-list-item-inner {
           // Expect the container to include a sg-tile-icons
           padding-right: 0px;
         }
@@ -264,6 +270,7 @@ sg-avatar-image md-icon,
 }
 .sg-avatar-selected {
   &:before {
+    color: inherit;
     content: "\e5ca"; // check
   }
 }

UI/WebServerResources/scss/components/progressCircular/progress-circular.scss

@@ -13,6 +13,9 @@
   bottom: auto;
   background-color: white;
   border-radius: 50%;
-  //padding: $baseline-grid/2;
+  padding: $baseline-grid/2;
   box-shadow: $whiteframe-shadow-3dp;
+  md-progress-circular {
+    display: block;
+  }
 }

UI/WebServerResources/scss/components/sidenav/sidenav.scss

@@ -1,25 +1,28 @@
 /// sidenav.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
-@import "extends";
-$sidenav-default-width: (4 * $pitch);
+
+$sidenav-desktop-width: (4 * $pitch);
 $sidenav-min-space: $pitch;
 //$sidenav-right-width: (8 * $pitch);
 
-md-sidenav {
-  &.md-locked-open {
-    @include from(md) {
-      @include flex-col(md, 4, 1, 0);
-      // Custom representation of a closed sidenav where the sidenav is pushed to the left;
-      // Used in in "locked open" mode.
-      &.sg-closed.md-sidenav-left {
-        transform: translateX(-100%);
-        margin-right: -20vw; // See views/_views.scss
-      }
-    }
-  }
-}
+@import "extends";
 
 md-sidenav {
   overflow: inherit;
+
+  &._md-locked-open {
+    @include from(md) {
+      @include flex-col($breakpoint: md, $nb: 4, $grow: 1, $shrink: 0);
+      // Custom representation of a closed sidenav where the sidenav is pushed to the left;
+      // Used in in "locked open" mode.
+      &.md-sidenav-left {
+        transition: $swift-ease-out;
+        &.sg-close {
+          margin-right: -20vw; // See views/_views.scss
+          transform: translateX(-100%);
+        }
+      }
+    }
+  }
 }
 
 // MAIN SIDENAV, actually to the left

UI/WebServerResources/scss/components/subheader/subheader.scss

@@ -3,7 +3,6 @@
 
 .md-subheader {
   margin-right: 0;
-  line-height: $touch-zone-width;
 }
 
 .md-subheader {

UI/WebServerResources/scss/components/toolbar/toolbar.scss

@@ -16,14 +16,16 @@ md-toolbar {
   z-index: $z-index-toolbar;
   // dirty fix to override angular-material botchy typography
   font-size: 1em !important;
+  // No transition when switching toolbars
+  transition-duration: 0s;
 }
 
-// Colors transition when changing folder in dialogs
+// Colors transition when changing folder color in dialogs
 md-dialog {
   md-toolbar,
   md-toolbar .md-input,
   md-toolbar md-input-container.md-input-has-value label,
-  md-toolbar md-input-container label:not(.md-no-float),
+  md-toolbar md-input-container.md-input-has-value label:not(.md-no-float),
   md-toolbar md-icon {
     transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function,
     color $swift-ease-out-duration $swift-ease-out-timing-function;