@ministryofjustice/hmpps-digital-prison-reporting-frontend 2.2.0 → 2.3.0

package/dpr/all.scss

@@ -5,6 +5,45 @@ $govuk-assets-path: "/assets/govuk/";
 
 @import 'govuk/all';
 @import 'moj/all';
+.autocomplete-text-input {
+  position: relative;
+
+  ul {
+    background-color: white;
+    display: inline-block;
+    left: 0;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    top: 100%;
+    width: 100%;
+    z-index: 10000;
+  }
+
+  li {
+    border: #b1b4b6 1px solid;
+    border-top: 0;
+    text-align: left;
+    width: calc(100% - 2px);
+
+    button, a {
+      box-shadow: none;
+      margin-bottom: 0;
+      text-align: left;
+      width: 100%;
+    }
+  }
+
+  .autocomplete-text-input-item-hide {
+    display: none;
+
+    button {
+      display: none;
+    }
+  }
+}
+
 .card {
   margin-bottom: 40px;
   background: #fff;
@@ -91,45 +130,122 @@ $govuk-assets-path: "/assets/govuk/";
     margin-bottom: 0
   }
 }
-.autocomplete-text-input {
+.accordion-section {
+  margin-bottom: govuk-spacing(8);
   position: relative;
+}
 
-  ul {
-    background-color: white;
-    display: inline-block;
-    left: 0;
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 100%;
-    width: 100%;
-    z-index: 10000;
+.accordion-section-row {
+  position: relative;
+}
+
+.accordion-section-button {
+  min-width: 130px;
+  padding-right: govuk-spacing(3);
+}
+
+.accordion-details {
+  padding-top: govuk-spacing(3);
+}
+
+.accordion-section-header {
+  position: absolute;
+  top: 6px;
+  width: calc(100% - 100px);
+  left: 100px;
+}
+
+.accordion-section-header-scroll {
+  width: auto;
+  position: relative;
+  overflow-x: scroll;
+  overflow-y: hidden;
+  white-space: nowrap;
+}
+
+.accordion-summary-remove-button {
+  display: inline-block;
+  padding: govuk-spacing(2);
+  background-color: none;
+  position: relative;
+  cursor: pointer;
+  text-decoration: underline !important;
+  text-underline-offset: 4px;
+  color: govuk-colour("blue");
+  text-decoration-color: govuk-colour("blue");
+  text-decoration-thickness: 1px;
+  box-shadow: none;
+  text-underline-offset: 4px;
+
+  &:hover {
+    box-shadow: none;
+    text-decoration: none;
+    color: govuk-colour("black");
   }
+}
 
-  li {
-    border: #b1b4b6 1px solid;
-    border-top: 0;
-    text-align: left;
-    width: calc(100% - 2px);
+.accordion-summary-remove-button:hover:after {
+  background-image: url(#{$dpr-images-path}icon-tag-remove-cross.svg);
+  content: "";
+  display: inline-block;
+  font-weight: bold;
+  height: 10px;
+  margin-left: 5px;
+  vertical-align: middle;
+  width: 10px;
+}
 
-    button, a {
-      box-shadow: none;
-      margin-bottom: 0;
-      text-align: left;
-      width: 100%;
-    }
+.accordion-summary-remove-button:after {
+  display: none;
+}
+
+.accordion-summary-show-accordion-button {
+  margin-right: 10px;
+}
+
+.selected-accordion-button {
+  display: inline-block;
+}
+
+@media print {
+  .accordion-section {
+    margin-bottom: govuk-spacing(3);
   }
 
-  .autocomplete-text-input-item-hide {
-    display: none;
+  .accordion-section-details {
+    position: relative;
+    left: 0px;
+    margin-bottom: govuk-spacing(1);
 
-    button {
-      display: none;
+    .selected-accordion-button {
+      display: block;
+    }
+
+    a.govuk-button--inverse.accordion-summary-remove-button {
+      text-decoration: none !important;
+      color: black;
+      font-size: 14px;
+      position: relative;
+      padding: 0px;
+      padding-bottom: govuk-spacing(1);
     }
   }
 }
 
+::-webkit-scrollbar {
+  height: 6px;
+  width: 0px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: none; 
+}
+ 
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: govuk-colour("mid-grey"); 
+}
 .data-table-page-size {
   text-align: right;
 }
@@ -264,7 +380,7 @@ $govuk-assets-path: "/assets/govuk/";
   .filter-summary-controls,
   .pagination,
   .dpr-actions,
-  .filter-summary-show-filter-button,
+  .filter-section-accordion-button,
   #reset-filter-button,
   .govuk-phase-banner,
   .print-hide {
@@ -318,17 +434,27 @@ $govuk-assets-path: "/assets/govuk/";
     color: black;
   }
 }
-.filter-summary-remove-button:after {
-  background-image: url(#{$dpr-images-path}icon-tag-remove-cross.svg);
-  content: "";
-  display: inline-block;
-  font-weight: bold;
-  height: 10px;
-  margin-left: 5px;
-  vertical-align: middle;
-  width: 10px;
+.filter-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
 }
 
-.filter-summary-show-filter-button {
-  margin-right: 10px;
+.filter-item {
+  background-color: lighten(govuk-colour("light-grey"), 4%);
+  flex-grow: 0;
+  width: 30%;
+  padding: 1%;
+}
+
+.govuk-details__summary-text {
+  text-underline-offset: 4px;
+}
+
+.filter-actions {
+  padding: govuk-spacing(3) 0px;
+
+  .filter-actions-buttons {
+    float: right;
+  }
 }