Story #13488: Fix shadows

ui/ui-frontend/projects/archive-search/src/app/archive/archive-preview/archive-unit-description-tab/archive-unit-description-tab.component.scss

@@ -1,3 +1,5 @@
+@import 'mixins/elevation';
+
 mat-dialog-content {
   display: flex;
   flex-direction: column;
@@ -13,7 +15,7 @@ button {
   &.cancel {
     background-color: transparent;
     color: white;
-    box-shadow: none;
+    @include elevation-0;
     border: none;
   }
 }

ui/ui-frontend/projects/collect/src/app/collect/archive-search-collect/archive-preview/archive-unit-description-tab/archive-unit-description-tab.component.scss

@@ -1,3 +1,5 @@
+@import 'mixins/elevation';
+
 button {
   &.save {
     background-color: white;
@@ -7,7 +9,7 @@ button {
   &.cancel {
     background-color: transparent;
     color: white;
-    box-shadow: none;
+    @include elevation-0;
     border: none;
   }
 }

ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree/file-tree.component.scss

@@ -1,6 +1,7 @@
 @import '../../../../assets/css/mixins';
 @import '../../../../assets/css/layout';
 @import '../../../../assets/css/colors';
+@import 'mixins/elevation';
 
 .pastis-btn-container-add-ua {
   background-color: #f6f3fb;
@@ -11,7 +12,7 @@
 .primary {
   @extend .primary;
   background-color: var(--vitamui-primary) !important;
-  box-shadow: none !important;
+  @include elevation-0;
 }
 
 .pastis-tree-node-root-name {

ui/ui-frontend/projects/vitamui-library/src/app/modules/components/application/application-card/application-card.component.scss

@@ -1,8 +1,8 @@
-@import '../../../../../sass//mixins/elevation';
+@import '../../../../../sass/mixins/elevation';
 
 mat-card {
   cursor: pointer;
-  box-shadow: none !important;
+  @include elevation-0;
   background-color: transparent;
 
   a {

ui/ui-frontend/projects/vitamui-library/src/app/modules/components/autocomplete/vitamui-autocomplete/vitamui-autocomplete.component.scss

@@ -50,7 +50,7 @@ $animation-time: 150ms;
     > input {
       background: var(--vitamui-grey-300);
 
-      box-shadow: none !important;
+      @include elevation-0;
     }
 
     > i {

ui/ui-frontend/projects/vitamui-library/src/app/modules/components/header/header.component.scss

@@ -112,9 +112,8 @@ vitamui-common-header-extra-select {
 
   mat-form-field {
     background-color: transparent !important;
-    box-shadow: none !important;
+    @include elevation-0;
     height: 100% !important;
-    padding-left: 0 1rem !important;
     border: none !important;
     border-radius: 0 !important;
     padding: 0 1rem !important;

ui/ui-frontend/projects/vitamui-library/src/app/modules/components/multiple-options-datepicker/multiple-options-datepicker.component.scss

@@ -25,7 +25,7 @@ mat-datepicker-toggle mat-icon {
 }
 
 ::ng-deep .mat-datepicker-content {
-  @include shadow-8dp-dark;
+  @include shadow-8dp-dark('!important');
 
   .mat-calendar {
     height: fit-content !important;
@@ -75,7 +75,7 @@ mat-datepicker-toggle mat-icon {
       }
 
       .mat-calendar-body-selected.mat-calendar-body-today {
-        box-shadow: none;
+        @include elevation-0;
       }
 
       .mat-calendar-body-selected {

ui/ui-frontend/projects/vitamui-library/src/app/modules/components/vitamui-menu-button/vitamui-menu-button.component.scss

@@ -1,7 +1,9 @@
+@import '../../../../sass/mixins/elevation';
+
 ::ng-deep {
   .more-action-menu.mat-menu-panel {
     background: none;
-    box-shadow: none;
+    @include elevation-0;
 
     .mat-menu-content {
       align-items: flex-end;

ui/ui-frontend/projects/vitamui-library/src/app/modules/components/vitamui-multi-inputs/vitamui-multi-inputs.component.scss

@@ -1,4 +1,5 @@
 @import '../../../../sass/variables/colors';
+@import '../../../../sass/mixins/elevation';
 
 $anim-timing: 150ms ease-out;
 
@@ -46,7 +47,7 @@ mat-chip span {
 
   &:not(.disabled),
   &:not(:disabled) {
-    box-shadow: none;
+    @include elevation-0;
   }
 }
 

ui/ui-frontend/projects/vitamui-library/src/app/modules/components/vitamui-repeatable-input/vitamui-repeatable-input.component.scss

@@ -51,7 +51,7 @@ input {
   height: 44px !important;
   border-radius: 0 !important;
   background-color: transparent !important;
-  box-shadow: none !important;
+  @include elevation-0;
 
   &.first {
     height: 60px !important;

ui/ui-frontend/projects/vitamui-library/src/sass/_button.scss

@@ -1,3 +1,5 @@
+@import './mixins/elevation';
+
 @mixin disabled($background-color: var(--vitamui-grey-300), $color: var(--vitamui-grey-700), $border-color: var(--vitamui-grey-300)) {
   cursor: no-drop;
   background-color: $background-color;
@@ -26,7 +28,7 @@
   &.link,
   &:disabled,
   &.btn-search {
-    box-shadow: none !important;
+    @include elevation-0;
   }
 
   &:not(:disabled) {

ui/ui-frontend/projects/vitamui-library/src/sass/material/_autocomplete.scss

@@ -1,3 +1,5 @@
+@import '../mixins/elevation';
+
 .vitamui-autocomplete-panel {
   border-bottom-left-radius: 5px !important;
   border-bottom-right-radius: 5px !important;
@@ -37,7 +39,7 @@
 }
 
 .mat-autocomplete-panel.mat-autocomplete-visible {
-  box-shadow: none !important;
+  @include elevation-0;
   width: 90%;
   left: 5%;
 }

ui/ui-frontend/projects/vitamui-library/src/sass/material/_button-toggle-group.scss

@@ -1,7 +1,8 @@
 @import '../variables/colors';
+@import '../mixins/elevation';
 
 .vitamui-button-toggle-group.mat-button-toggle-group {
-  box-shadow: none;
+  @include elevation-0;
   border-radius: 5px;
   background-color: $white;
   border: solid 1px var(--vitamui-primary);

ui/ui-frontend/projects/vitamui-library/src/sass/material/_menu.scss

@@ -1,3 +1,5 @@
+@import '../mixins/elevation';
+
 .vitamui-menu-panel.mat-menu-panel {
   border-radius: 10px;
   background: transparent;
@@ -61,7 +63,7 @@
 // DEPRECATED : REMOVE AT THE END OF THE REDESIGN
 .vitamui-more-action-menu.mat-menu-panel {
   background: none;
-  box-shadow: none;
+  @include elevation-0;
   overflow: visible;
   border-radius: 10px;
   max-width: none;

ui/ui-frontend/projects/vitamui-library/src/sass/material/_select.scss

@@ -1,3 +1,5 @@
+@import '../mixins/elevation';
+
 .vitamui-mat-select.mat-select-panel {
   @include mat-select-panel;
 }
@@ -178,7 +180,6 @@ mat-select-trigger.vitamui-mat-select {
     height: 25px;
     padding: 0;
     border: none;
-    box-shadow: none;
     @include elevation-0;
   }