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

Author: Salim Terres

ui/ui-frontend/projects/archive-search/src/app/archive/archive-search/search-criteria-saver/search-criteria-saver.component.css

@@ -1,63 +1,24 @@
-.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: 134px;
+  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;
@@ -69,158 +30,32 @@
   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;
-}
-
 .hover-div:hover {
   background: var(--vitamui-grey-200);
   border-radius: 10px;
 }
 
-.btn-result-update:hover {
-  background: var(--vitamui-grey-200);
-}
-
-.btn-no-result {
-  font-size: 20px;
-  padding-top: 13px;
-  color: var(--vitamui-grey-700);
-}
-
-.warning-message {
-  font-family: Mulish;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 13px;
-  line-height: 16px;
-  letter-spacing: -0.2px;
-}
-
 .no-scroll-results {
   height: 283px;
   padding-left: 25px;
   overflow-y: hidden;
 }
 
-.scroll-div {
-  height: 470px;
-  overflow-y: hidden;
-  overflow-x: hidden;
+.filtre-list-container {
+  min-height: 315px;
+  max-height: 315px;
+  overflow-y: auto;
 }
 
+.pink-color {
+  background: var(--vitamui-primary-50);
+}
+
+.white-color {
+  color: var(--vitamui-white);
+}