@hmcts/media-viewer 2.8.2 → 2.9.2

package/README.md

@@ -56,7 +56,6 @@ If you're writing your own toolbar styles then do not import those
 ```
 // Import GOV.UK Frontend
 @import "~govuk-frontend/govuk/all";
-@import "~@hmcts/frontend/all";
 // Import Media Viewer Styles
 @import "~media-viewer/src/assets/all"; // use this to import all the styles 
 ```

package/assets/images/icon-page.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" ?>
+
+<!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" id="_x3C_Layer_x3E_" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+<g id="page_x2C__document_x2C__my_page_x2C__empty_page">
+
+<g id="XMLID_2942_">
+
+<g id="XMLID_2943_">
+
+<g id="XMLID_2944_">
+
+<g id="XMLID_2945_">
+
+<polyline fill="none" id="XMLID_2947_" points="       21.5,1.5 4.5,1.5 4.5,30.5 27.5,30.5 27.5,7.5      " stroke="#455A64" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/>
+
+<polyline fill="none" id="XMLID_2946_" points="       21.5,1.5 27.479,7.5 21.5,7.5 21.5,4      " stroke="#455A64" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/>
+
+</g>
+
+</g>
+
+</g>
+
+</g>
+
+<g id="XMLID_2936_">
+
+<g id="XMLID_2937_">
+
+<g id="XMLID_2938_">
+
+<g id="XMLID_2939_">
+
+<polyline fill="none" id="XMLID_2941_" points="       21.5,1.5 4.5,1.5 4.5,30.5 27.5,30.5 27.5,7.5      " stroke="#263238" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/>
+
+<polyline fill="none" id="XMLID_2940_" points="       21.5,1.5 27.479,7.5 21.5,7.5 21.5,4      " stroke="#263238" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/>
+
+</g>
+
+</g>
+
+</g>
+
+</g>
+
+</g>
+
+</svg>

package/assets/sass/comment.scss

@@ -5,7 +5,7 @@ mv-anno-comment {
     right: 0;
     z-index: 1;
     margin: auto;
-    background-color: govuk-colour(white);
+    background-color: govuk-colour("white");
     box-shadow: 0 1px 3px 0 rgba(0,0,0,0.30), inset 0 -1px 0 0 #DDDDDD;
     padding: 13px 20px 5px 20px;
     position: absolute;

package/assets/sass/outline-attachment.scss

@@ -32,7 +32,7 @@ html[dir='rtl'] .outlineItem > .outlineItems {
 .attachmentsItem > button {
   text-decoration: none;
   display:inline-block;
-  width: calc(100% - 50px); /* Subtract the right padding (left, in RTL mode)
+  width: calc(100% - 1.5em); /* Subtract the right padding (left, in RTL mode)
                               of the container. */
   height: auto;
   margin-bottom: 1px;
@@ -47,6 +47,11 @@ html[dir='rtl'] .outlineItem > .outlineItems {
   white-space: normal;
 }
 
+.highlightedOutlineItem {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.8);
+}
+
 .attachmentsItem > button {
   border: 0 none;
   background: none;

package/assets/sass/participants-list.scss

@@ -5,7 +5,7 @@ mv-participants-list {
     left: 0;
     right: 0;
     z-index: 1;
-    background-color: govuk-colour(white);
+    background-color: govuk-colour("white");
     box-shadow: 0 1px 3px 0 rgba(0,0,0,0.30), inset 0 -1px 0 0 #DDDDDD;
     padding: 10px 20px 5px 20px;
     margin: 5px 5px 20px 5px;

package/assets/sass/rectangle.scss

@@ -7,6 +7,7 @@ mv-anno-rectangle {
     cursor: grab;
     cursor: -moz-grab;
     cursor: -webkit-grab;
+    font-weight: bolder;
   }
 
   .rectangle:active {
@@ -15,10 +16,6 @@ mv-anno-rectangle {
     cursor: -webkit-grabbing;
   }
 
-  .selected.rectangle {
-    opacity: 0.5;
-  }
-
   .grabNDrag {
     pointer-events: none;
   }

package/assets/sass/toolbar/main-toolbar.scss

@@ -151,7 +151,7 @@
 }
 
 .mv-toolbar__menu-button--page {
-  width: 220px;
+  width: 215px;
   height: 30px;
   padding-top: 10px;
   span:first-of-type {
@@ -160,7 +160,7 @@
 }
 
 .mv-toolbar__menu-button--zoom {
-  width: 190px;
+  width: 135px;
   span:first-of-type {
     margin-left: 8px;
     margin-right: 0px;
@@ -191,15 +191,15 @@
 
 .mv-toolbar__menu-button--zoom-out {
   &:after {
-    left: 64px;
-    right: 110px;
+    left: 14px;
+    right: 105px;
     background-image: url(/assets/images/search-minus.svg);
   }
 }
 
 .mv-toolbar__menu-button--zoom-in {
   &:after {
-    left: 157px;
+    left: 105px;
     right: 14px;
     background-image: url(/assets/images/search-plus.svg);
   }
@@ -251,7 +251,7 @@
 }
 
 .mv-toolbar__menu-button--search {
-  width: 115px;
+  width: 25px;
   &:after {
     background-image: url(/assets/images/search.svg);
   }
@@ -281,14 +281,14 @@
 }
 
 .mv-toolbar__menu-button--download {
-  width: 135px;
+  width: 25px;
   &:after {
     background-image: url(/assets/images/download-button.svg);
   }
 }
 
 .mv-toolbar__menu-button--print {
-  width: 100px;
+  width: 25px;
   &:after {
     background-image: url(/assets/images/printer.svg);
   }

package/assets/sass/toolbar/redaction-toolbar.scss

@@ -30,6 +30,16 @@ $button-border-color: #dee0e2;
     }
   }
 
+  .redaction-button--redact-page {
+    width: 150px;
+    border-left: 1px solid $button-border-color;
+    &:after {
+      background-image: url(/assets/images/icon-page.svg);
+      background-position: 15px 50%;
+      background-size: 15px 19px;
+    }
+  }
+
   .redaction-button--redact {
     width: 140px;
     &:after {