@ministryofjustice/hmpps-digital-prison-reporting-frontend 3.7.9 → 3.8.0

package/dpr/all.scss

@@ -5,6 +5,14 @@ $govuk-assets-path: "/assets/govuk/";
 
 @import 'govuk/all';
 
+.govuk-width-container {
+  max-width: 1170px !important;
+}
+
+.drp-reports-heading-container {
+  position: relative;
+}
+
 .dpr-accordion-section {
   margin-bottom: govuk-spacing(6);
   position: relative;
@@ -145,6 +153,108 @@ $govuk-assets-path: "/assets/govuk/";
     background: govuk-colour("mid-grey");
   }
 }
+.async-applied-filters-list {
+  padding-top: govuk-spacing(3);
+  padding-bottom: govuk-spacing(3);
+
+  .async-applied-filters-list__item {
+    display: inline-block;
+    margin-right: 10px;
+    p {
+      margin-bottom: 0px;
+    }
+  }
+
+  .async-applied-filters-list__item--title {
+  } 
+}
+
+@media print {
+  .async-applied-filters-list {
+    .async-applied-filters-list__item {
+      display: block;
+      p {
+        font-size: 14px;
+      }
+    }
+  }
+}
+ 
+#async-columns-form {
+  margin-left: govuk-spacing(2);
+}
+
+.columns-container {
+  position: relative;
+
+  .govuk-checkboxes.govuk-checkboxes--small {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    column-gap: 10px;
+
+    @media(min-width: 769px) and (max-width: 1019px) {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    @media(max-width: 768px) {
+      grid-template-columns: 1fr;
+    }
+  }
+}
+
+.columns-header {
+  padding-left: 10px;
+  padding-top: 10px;
+}
+
+.dpr-async-controls {
+  .dpr-async-controls__section {
+    margin-bottom: govuk-spacing(9);
+  }
+}
+
+.drp-async-reports-heading-container {
+  position: relative;
+  margin-bottom: govuk-spacing(3);
+}
+
+.columns-select-wrapper {
+  .govuk-details {
+    margin-bottom: 0px;
+  }
+}
+
+@media print {
+  .columns-select-wrapper {
+    display: none;
+  }
+
+  .drp-async-reports-heading-container {
+    h1.govuk-heading-l {
+      font-size: 20px;
+    }
+    p.govuk-body-s {
+      font-size: 14px;
+    }
+  }
+}
+
+.dpr-table-container {
+  @media screen {
+    .print-header-footer,
+    .govuk-table__header span,
+    .screen-hide {
+      display: none;
+    }
+  }
+}
+
+.dpr-request-details {
+  padding: govuk-spacing(4);
+  border: solid 1px govuk-colour("mid-grey");
+  margin-bottom: govuk-spacing(6);
+}
+
 .dpr-autocomplete-text-input {
   position: relative;
 
@@ -337,6 +447,75 @@ $govuk-assets-path: "/assets/govuk/";
   }
 }
 
+.columns-header {
+  padding-left: 10px;
+  padding-top: 10px;
+}
+
+@media print {
+  .columns-select-wrapper {
+    display: none;
+  }
+}
+
+.dpr-slide-container {
+  position: relative;
+  padding-top: govuk-spacing(6);
+  padding-bottom: govuk-spacing(6);
+
+  .dpr-slide__header {
+    margin-bottom: govuk-spacing(4);  
+
+    .dpr-slide__title {
+      margin-bottom: govuk-spacing(1);
+    }
+  
+    .dpr-slide__sub-text {
+      margin-bottom: govuk-spacing(0);
+    }
+  }
+}
+
+.dpr-card-group {
+  padding-bottom: govuk-spacing(6);
+  .dpr-card-group__item {
+    padding-bottom: govuk-spacing(5);
+
+    .dpr-card-group__item_header {
+
+    }
+
+    .dpr-card-group__item__description {
+      margin-top: 10px;
+    }
+    
+    ul.dpr-card-group__item__filters-list {
+      list-style-type: none;
+      padding: 0;
+
+      li {
+        margin-bottom: 0px;
+      }
+    }
+
+    .dpr-card-group__item__timestamp {
+      position: absolute;
+      bottom: 1px;
+      left: 0px;
+      padding-bottom: 0px;
+      margin-bottom: 0px;
+      font-size: 14px;
+      color: #505a5f;
+    }
+
+    .dpr-card-group__item__status {
+      position: absolute;
+      bottom: 0px;
+      right: 0px;
+    }
+  }
+}
+
 // Cannibalised from MoJ sortable table
 
 .dpr-table-container {
@@ -604,6 +783,22 @@ $govuk-assets-path: "/assets/govuk/";
   }
 }
 
+.icon-button-list {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+
+  .dpr-icon-wrapper {
+    margin-right: 0px;
+  }
+}
+
+@media print {
+  .icon-button-list {
+    display: none;
+  }
+}
+
 .dpr-loading-panel {
   display: none;
   width: 100%;
@@ -722,6 +917,20 @@ $govuk-assets-path: "/assets/govuk/";
   }
 }
 
+.dpr-pagination {
+  overflow: auto;
+}
+
+#page-size-select {
+  min-width: 5em;
+}
+
+@media print {
+  .dpr-pagination {
+    display: none;
+  }
+}
+
 .report-list-container {
   position: relative;
 
@@ -798,3 +1007,275 @@ $govuk-assets-path: "/assets/govuk/";
     }
   }
 }
+
+.dpr-request-status-tag {
+  text-transform: uppercase;
+  font-weight: bold;
+  font-size: 16px;
+  letter-spacing: 1px;
+}
+
+.dpr-icon:before {
+  font-family: "Material Icons";
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "liga" 1;
+  font-style: normal;
+  text-transform: none;
+  line-height: 26px;
+  font-size: 36px;
+  display: inline-block;
+  color: black;
+}
+
+.dpr-icon-wrapper {
+  display: inline-block;
+  position: relative;
+  border-radius: 100px;
+  background-color: govuk-colour("mid-grey");
+  width: 26px;
+  height: 26px;
+  padding: 0px;
+  margin-right: 6px;
+  vertical-align: middle;
+
+  .dpr-icon:before {
+    line-height: 26px;
+    font-size: 16px;
+    text-align: center;
+    overflow: hidden;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: white;
+    width: 26px;
+    height: 26px
+  }
+
+  .viewed-icon.icon:before {
+    content: "history";
+    font-size: 20px;
+  }
+}
+
+.dpr-icon-live {
+  border-radius: 0px;
+  background-color: govuk-colour("blue");
+
+  &.dpr-icon--active {
+    background-color: govuk-colour("yellow");
+
+    &:hover {
+      background-color: govuk-colour("yellow");
+      .dpr-icon:before {
+        color: black;
+      }
+    }
+
+    .dpr-icon:before {
+      color: black;
+    }
+  }
+
+  &:hover {
+    background-color: govuk-colour("light-blue");
+    cursor: pointer;
+
+    .dpr-icon:before {
+      color: white;
+    }
+  }
+
+  &:active {
+    background-color: govuk-colour("yellow");
+
+    .dpr-icon:before {
+      color: black;
+    }
+  }
+
+  &.dpr-icon-disabled {
+    background-color: govuk-colour("mid-grey");
+
+    &:hover {
+      background-color: lighten(govuk-colour("mid-grey"), 5%);
+      cursor: pointer;
+
+      .dpr-icon:before {
+        color: white;
+      }
+    }
+  }
+}
+
+.dpr-icon-live:hover:after {
+  background: govuk-colour("dark-grey");
+  content: attr(tooltip);
+  display: block;
+  color: white;
+  padding: govuk-spacing(3);
+  position: absolute;
+  white-space: nowrap;
+  text-transform: none;
+  z-index: 98;
+  font-size: 14px;
+  font-weight: normal;
+  text-align: center;
+  font-family: Helvetica Neue, Helvetica, Arial;
+}
+
+.dpr-icon-live:hover:before {
+  content: '';
+  z-index: 98;
+  display: block;
+  position: absolute;
+  width: 20;
+  height: 20;
+  border-left: 10px solid transparent;
+  border-right: 10px solid transparent;
+  border-bottom: 10px solid govuk-colour("dark-grey");
+}
+
+
+.dpr-icon-live.dpr-icon-wrapper--xl:hover:after {
+  top: 65px !important;
+}
+
+.dpr-icon-live.dpr-icon-wrapper--xl:hover:before {
+  top: 56px !important;
+  left: 15px !important;
+}
+
+.dpr-icon-live.dpr-icon-wrapper--l:hover:after {
+  top: 50px !important;
+}
+
+.dpr-icon-live.dpr-icon-wrapper--l:hover:before {
+  top: 44px !important;
+  left: 8px !important;
+}
+
+.dpr-icon-live.dpr-icon-wrapper:hover:after {
+  top: 38px;
+}
+
+.dpr-icon-live.dpr-icon-wrapper:hover:before {
+  top: 32px;
+  left: 5px;
+}
+
+.dpr-icon-wrapper--l {
+  width: 35px;
+  height: 35px;
+
+  .dpr-icon:before {
+    line-height: 35px;
+    font-size: 21px;
+    // background-color: rgba(0, 0, 0, 0.5);
+    width: 35px;
+    height: 35px
+  }
+
+  .viewed-icon.dpr-icon:before {
+    content: "history";
+    font-size: 25px;
+  }
+}
+
+.dpr-icon-wrapper--xl {
+  width: 50px;
+  height: 50px;
+
+  .dpr-icon:before {
+    line-height: 50px;
+    font-size: 30px;
+    // background-color: rgba(0, 0, 0, 0.5);
+    width: 50px;
+    height: 50px
+  }
+
+  .viewed-icon.dpr-icon:before {
+    content: "history";
+    font-size: 35px;
+  }
+}
+
+.bookmark-icon.dpr-icon:before {
+  content: "bookmark";
+}
+
+.viewed-icon.dpr-icon:before {
+  content: "history";
+}
+
+.list-icon.dpr-icon:before {
+  content: "list";
+}
+
+.card-icon.dpr-icon:before {
+  content: "grid_view";
+}
+
+.print-icon.dpr-icon:before {
+  content: "print";
+}
+
+.download-icon.dpr-icon:before {
+  content: "download";
+}
+
+.share-icon.dpr-icon:before {
+  content: "share";
+}
+
+.close-icon.dpr-icon:before {
+  content: "close";
+}
+
+.info-icon.dpr-icon:before {
+  content: "info";
+}
+
+.info-icon.dpr-icon:before {
+  content: "info";
+}
+
+.pending-icon.dpr-icon:before {
+  content: "pending";
+}
+
+.hourglass-icon.dpr-icon:before {
+  content: "hourglass_empty";
+}
+
+.pending-actions-icon.dpr-icon:before {
+  content: "pending_actions";
+}
+
+.copy-icon.dpr-icon:before {
+  content: "content_copy";
+}
+
+.dpr-icon-info-tooltip:before {
+  display: inline-block;
+  color: govuk-colour("dark-grey");
+  font-size: 24px;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.dpr-toggle-button-container {
+  position: absolute;
+  top: 30px;
+  right: 0px;
+
+  .dpr-icon-wrapper {
+    margin-right: 0px;
+  }
+}
+
+.dpr-toggle-content {
+  display: none;
+}
+
+.dpr-toggle-content--active {
+  display: block;
+}