MODULE-TYPO

- Ajustements, message-view

UI/WebServerResources/css/components.css

@@ -4237,4 +4237,56 @@ md-divider {
   md-divider[md-inset] {
     margin-left: 72px; }
 
+md-toolbar {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  z-index: 2;
+  font-size: 1.3em;
+  min-height: 64px;
+  width: 100%; }
+  md-toolbar.md-tall {
+    height: 128px;
+    min-height: 128px;
+    max-height: 128px; }
+  md-toolbar.md-medium-tall {
+    height: 88px;
+    min-height: 88px;
+    max-height: 88px; }
+    md-toolbar.md-medium-tall .md-toolbar-tools {
+      height: 48px;
+      min-height: 48px;
+      max-height: 48px; }
+  md-toolbar.md-toolbar-small {
+    min-height: 48px; }
+  md-toolbar .md-indent {
+    margin-left: 64px; }
+
+.md-toolbar-tools {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 100%;
+  height: 64px;
+  min-height: 100%;
+  max-height: 64px;
+  font-size: inherit;
+  font-weight: normal;
+  padding: 0 16px;
+  margin: 0; }
+  .md-toolbar-tools > * {
+    font-size: inherit; }
+  .md-toolbar-tools h2, .md-toolbar-tools h3 {
+    font-weight: normal; }
+  .md-toolbar-tools a {
+    color: inherit;
+    text-decoration: none; }
+  .md-toolbar-tools .fill-height {
+    display: flex;
+    align-items: center; }
+  .md-toolbar-tools .md-tools {
+    margin-left: auto; }
+  .md-toolbar-tools .md-button {
+    font-size: 14px; }
+
 /*# sourceMappingURL=components.css.map */

UI/WebServerResources/scss/components.scss

@@ -50,6 +50,7 @@
 /* Angular-material components local overrides */
 @import 'vendors/angular-material/components/list/list.scss';
 @import 'vendors/angular-material/components/divider/divider.scss';
+@import 'vendors/angular-material/components/toolbar/toolbar.scss';
 
 // Pages-specific styles
 

UI/WebServerResources/scss/vendors/angular-material/components/toolbar/toolbar.scss

@@ -34,6 +34,10 @@ md-toolbar {
     }
   }
 
+  &.md-toolbar-small {
+    min-height: $baseline-grid * 6;
+  }
+
   .md-indent {
     margin-left: $toolbar-indent-margin;
   }

UI/WebServerResources/scss/vendors/angular-material/core/style/structure.scss

@@ -22,7 +22,7 @@ $sg-rem-value: $sg-rem-base-value !default;
 $sg-sp-scale-factor: $sg-rem-value / $sg-rem-base-value !global;
 
 // Font-size basic scale (from Google)
-// nice-to-have : generate with a loop
+// NiceToHave : generate with a loop
 $sg-typo-scale: (
   12,
   14,