Merge pull request #3413 from ProgrammeVitam/bug_15495

 Bug #15495 - [Search + Collect] Display bug on the filter-saving pop-up.

Author: Salimdev

cas/cas-server/src/main/resources/static/icons/fonts/vitamui-icon.eot

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'vitamui-icon';
-  src:  url('fonts/vitamui-icon.eot?b1hl71');
-  src:  url('fonts/vitamui-icon.eot?b1hl71#iefix') format('embedded-opentype'),
-    url('fonts/vitamui-icon.ttf?b1hl71') format('truetype'),
-    url('fonts/vitamui-icon.woff?b1hl71') format('woff'),
-    url('fonts/vitamui-icon.svg?b1hl71#vitamui-icon') format('svg');
+  src:  url('fonts/vitamui-icon.eot?u6sheu');
+  src:  url('fonts/vitamui-icon.eot?u6sheu#iefix') format('embedded-opentype'),
+    url('fonts/vitamui-icon.ttf?u6sheu') format('truetype'),
+    url('fonts/vitamui-icon.woff?u6sheu') format('woff'),
+    url('fonts/vitamui-icon.svg?u6sheu#vitamui-icon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,6 +25,10 @@ i.vitamui-icon {
   -moz-osx-font-smoothing: grayscale;
 }
 
+.vitamui-icon-save:before {
+  content: "\e97a";
+  color: #757575;
+}
 .vitamui-icon-ic24-arborescence:before {
   content: "\e961";
 }

cas/cas-server/src/main/resources/static/icons/fonts/vitamui-icon.svg

@@ -724,7 +724,7 @@ export class ArchiveSearchComponent implements OnInit, OnChanges, OnDestroy, Aft
 
   openCriteriaPopup(searchCriteriaHistory$: SearchCriteriaHistory) {
     const dialogConfig: MatDialogConfig = {
-      panelClass: 'p-0',
+      panelClass: ['p-0', 'search-criteria-dialog'],
       disableClose: false,
       data: {
         searchCriteriaHistory: searchCriteriaHistory$,

cas/cas-server/src/main/resources/static/icons/fonts/vitamui-icon.ttf

@@ -1,63 +1,25 @@
-.button-content {
-  border-radius: 7px;
-  padding-left: 10px;
-  padding-right: 10px;
-  max-width: 400px;
-  font-weight: bold;
-  height: 60px;
+.rd-2 {
+  border-radius: 10px;
 }
 
 .no-results-center {
   text-align: center;
 }
 
-.scroll {
-  overflow-y: scroll;
-  height: 600px;
-  width: 600px;
-}
-
-.scroll::-webkit-scrollbar {
-  width: 12px;
-}
-
-.scroll::-webkit-scrollbar-track {
-  background: var(--vitamui-primary-50);
-}
-
-.scroll::-webkit-scrollbar-thumb {
-  background-color: var(--vitamui-primary);
-  border-radius: 20px;
-  border: 3px solid var(--vitamui-primary-50);
-}
-
-.pad {
-  padding: 0;
-  margin: auto;
-  height: 600px;
+.triangle {
+  position: relative;
+  color: white;
+  max-width: 10%;
+  top: 100px;
+  left: 15px;
+  border: 28px solid transparent;
+  border-left-color: var(--vitamui-grey-200);
 }
 
 .rectangle {
   background: var(--vitamui-grey-200);
 }
 
-.actif-filters {
-  padding-top: 40px;
-  padding-left: 14px;
-  padding-bottom: 25px;
-  font-size: larger;
-  font-weight: bold;
-}
-
-.sauvegarde-text {
-  font-size: 21px;
-  font-weight: bold;
-}
-
-.pad5 {
-  padding-bottom: 10px;
-}
-
 .border-results {
   left: 0;
   right: 0;
@@ -66,161 +28,44 @@
   border: 1px solid var(--vitamui-grey-400);
   box-sizing: border-box;
   border-radius: 10px;
-  margin-top: 17px;
-}
-
-.scroll-results {
-  height: 285px;
-  width: 107%;
-  padding-left: 25px;
-  overflow-y: scroll;
-  scrollbar-color: var(--vitamui-primary-400) var(--vitamui-primary-50);
-  scrollbar-width: thin;
-}
-
-.scroll-results::-webkit-scrollbar {
-  width: 12px;
-}
-
-.scroll-results::-webkit-scrollbar-track {
-  background: var(--vitamui-white);
-}
-
-.scroll-results::-webkit-scrollbar-thumb {
-  background-color: var(--vitamui-primary-400);
-  border-radius: 20px;
-  border: 3px solid var(--vitamui-white);
-}
-
-.btn-create {
-  text-align: right;
-}
-
-.pink-color {
-  background: var(--vitamui-primary-50);
-}
-
-.boutton:focus {
-  outline: none;
-}
-
-.ko-icon {
-  color: var(--vitamui-red);
-  right: 5px;
-}
-
-.warning {
-  padding-top: 5px;
-}
-
-.save-icon {
-  color: var(--vitamui-grey);
-  font-size: 35px;
-}
-
-.pad-bottom {
-  padding-bottom: 10px;
-  padding-left: 5%;
-}
-
-.triangle {
-  position: relative;
-  color: white;
-  max-width: 10%;
-  top: 134px;
-  border: 28px solid transparent;
-  border-left-color: var(--vitamui-grey-200);
-}
-
-.scroll-filters {
-  height: 470px;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  scrollbar-color: var(--vitamui-primary-400) var(--vitamui-primary-50);
-  scrollbar-width: thin;
-}
-
-.scroll-filters::-webkit-scrollbar {
-  width: 12px;
-}
-
-.scroll-filters::-webkit-scrollbar-track {
-  background: var(--vitamui-primary-50);
-}
-
-.scroll-filters::-webkit-scrollbar-thumb {
-  background-color: var(--vitamui-primary-400);
-  border-radius: 20px;
-  border: 3px solid var(--vitamui-primary-50);
-}
-
-.results-message {
-  font-weight: bold;
-  padding-left: 5px;
-  font-style: normal;
-  font-size: 16px;
-  line-height: 22px;
 }
 
-.results-nb-filters {
-  font-style: normal;
-  font-weight: normal;
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--vitamui-grey-700);
-}
-
-.div-update {
-  padding-left: 38px;
-}
-
-.confirm-update {
-  padding-left: 35px;
-  padding-top: 10px;
-}
-
-.pad-actions {
-  padding-left: 30px;
-}
-
-.pad-results {
-  padding-top: 12px;
-  padding-bottom: 12px;
+.btn .vitamui-icon {
+  color: var(--vitamui-grey-600) !important;
+  width: 40px !important;
+  height: 40px !important;
 }
 
 .hover-div:hover {
   background: var(--vitamui-grey-200);
   border-radius: 10px;
 }
 
-.btn-result-update:hover {
-  background: var(--vitamui-grey-200);
+.no-scroll-results {
+  height: 283px;
+  padding-left: 25px;
+  overflow-y: hidden;
 }
 
-.btn-no-result {
-  font-size: 20px;
-  padding-top: 13px;
-  color: var(--vitamui-grey-700);
+.filtre-list-container {
+  min-height: 400px;
+  max-height: 400px;
+  overflow-y: auto;
 }
 
-.warning-message {
-  font-family: Mulish;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 13px;
-  line-height: 16px;
-  letter-spacing: -0.2px;
-}
+.vitamui-elements-selected {
+  background: var(--vitamui-primary-50);
 
-.no-scroll-results {
-  height: 283px;
-  padding-left: 25px;
-  overflow-y: hidden;
+  &:hover {
+    background: var(--vitamui-primary-50);
+  }
 }
 
-.scroll-div {
-  height: 470px;
-  overflow-y: hidden;
-  overflow-x: hidden;
+.w-400 {
+  width: 400px;
 }
 
+.close-button {
+  right: 20px;
+  top: 20px;
+}