save image button tweaks

igvteam · Nov 21, 2023 · b3fe34a · b3fe34a
1 parent d8b612d
commit b3fe34a
Showing 1 changed file with 25 additions and 5 deletions.
diff --git a/js/ui/navbarIcons/saveImage.js b/js/ui/navbarIcons/saveImage.js
@@ -5,18 +5,38 @@ const imageSaveImageSVG =
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="save-image">
             <rect id="border" stroke="#737373" stroke-width="12" fill="#FFFFFF" x="6" y="6" width="613" height="613" rx="135"></rect>
-            <path d="M120.75,559 C105.69375,559 92.8046875,553.639062 82.0828125,542.917187 C71.3609375,532.195312 66,519.30625 66,504.25 L66,340 L120.75,340 L120.75,504.25 L285,504.25 L285,559 L120.75,559 Z M340,559 L340,504.25 L504.25,504.25 L504.25,340 L559,340 L559,504.25 C559,519.30625 553.639062,532.195312 542.917187,542.917187 C532.195312,553.639062 519.30625,559 504.25,559 L340,559 Z M148,449 L230.25,339.4 L291.9375,421.6 L374.1875,312 L477,449 L148,449 Z M66,285 L66,120.75 C66,105.69375 71.3609375,92.8046875 82.0828125,82.0828125 C92.8046875,71.3609375 105.69375,66 120.75,66 L285,66 L285,120.75 L120.75,120.75 L120.75,285 L66,285 Z M504.25,285 L504.25,120.75 L340,120.75 L340,66 L504.25,66 C519.30625,66 532.195312,71.3609375 542.917187,82.0828125 C553.639062,92.8046875 559,105.69375 559,120.75 L559,285 L504.25,285 Z M408,258 C396.155556,258 386.361111,254.127778 378.616667,246.383333 C370.872222,238.638889 367,228.844444 367,217 C367,205.155556 370.872222,195.361111 378.616667,187.616667 C386.361111,179.872222 396.155556,176 408,176 C419.844444,176 429.638889,179.872222 437.383333,187.616667 C445.127778,195.361111 449,205.155556 449,217 C449,228.844444 445.127778,238.638889 437.383333,246.383333 C429.638889,254.127778 419.844444,258 408,258 Z" id="Shape" fill="#737373" fill-rule="nonzero"></path>
+            <g id="frame" transform="translate(66, 66)" fill="#737373" fill-rule="nonzero">
+                <path d="M54.75,493 C39.69375,493 26.8046875,487.639062 16.0828125,476.917187 C5.3609375,466.195312 0,453.30625 0,438.25 L0,274 L54.75,274 L54.75,438.25 L219,438.25 L219,493 L54.75,493 Z" id="Path"></path>
+                <path d="M274,493 L274,438.25 L438.25,438.25 L438.25,274 L493,274 L493,438.25 C493,453.30625 487.639062,466.195312 476.917187,476.917187 C466.195312,487.639062 453.30625,493 438.25,493 L274,493 Z" id="Path"></path>
+                <path d="M0,219 L0,54.75 C0,39.69375 5.3609375,26.8046875 16.0828125,16.0828125 C26.8046875,5.3609375 39.69375,0 54.75,0 L219,0 L219,54.75 L54.75,54.75 L54.75,219 L0,219 Z" id="Path"></path>
+                <path d="M438.25,219 L438.25,54.75 L274,54.75 L274,0 L438.25,0 C453.30625,0 466.195312,5.3609375 476.917187,16.0828125 C487.639062,26.8046875 493,39.69375 493,54.75 L493,219 L438.25,219 Z" id="Path"></path>
+            </g>
+            <rect id="border-hold-out-matte" fill="#FFFFFF" x="91" y="90" width="444" height="444" rx="38"></rect>
+            <g id="artwork" transform="translate(148, 176)" fill="#737373" fill-rule="nonzero">
+                <polygon id="Path" points="0 273 82.25 163.4 143.9375 245.6 226.1875 136 329 273"></polygon>
+                <path d="M260,82 C248.155556,82 238.361111,78.1277778 230.616667,70.3833333 C222.872222,62.6388889 219,52.8444444 219,41 C219,29.1555556 222.872222,19.3611111 230.616667,11.6166667 C238.361111,3.87222222 248.155556,0 260,0 C271.844444,0 281.638889,3.87222222 289.383333,11.6166667 C297.127778,19.3611111 301,29.1555556 301,41 C301,52.8444444 297.127778,62.6388889 289.383333,70.3833333 C281.638889,78.1277778 271.844444,82 260,82 Z" id="Path"></path>
+            </g>
         </g>
     </g>
 </svg>`
 
 const imageSaveImageHoverSVG =
     `<svg width="625px" height="625px" viewBox="0 0 625 625" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>save image hover</title>
+    <title>save image</title>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="save-image-hover">
-            <rect id="border-copy" stroke="#737373" stroke-width="12" fill="#737373" x="6" y="6" width="613" height="613" rx="135"></rect>
-            <path d="M120.75,559 C105.69375,559 92.8046875,553.639062 82.0828125,542.917187 C71.3609375,532.195312 66,519.30625 66,504.25 L66,340 L120.75,340 L120.75,504.25 L285,504.25 L285,559 L120.75,559 Z M340,559 L340,504.25 L504.25,504.25 L504.25,340 L559,340 L559,504.25 C559,519.30625 553.639062,532.195312 542.917187,542.917187 C532.195312,553.639062 519.30625,559 504.25,559 L340,559 Z M148,449 L230.25,339.4 L291.9375,421.6 L374.1875,312 L477,449 L148,449 Z M66,285 L66,120.75 C66,105.69375 71.3609375,92.8046875 82.0828125,82.0828125 C92.8046875,71.3609375 105.69375,66 120.75,66 L285,66 L285,120.75 L120.75,120.75 L120.75,285 L66,285 Z M504.25,285 L504.25,120.75 L340,120.75 L340,66 L504.25,66 C519.30625,66 532.195312,71.3609375 542.917187,82.0828125 C553.639062,92.8046875 559,105.69375 559,120.75 L559,285 L504.25,285 Z M408,258 C396.155556,258 386.361111,254.127778 378.616667,246.383333 C370.872222,238.638889 367,228.844444 367,217 C367,205.155556 370.872222,195.361111 378.616667,187.616667 C386.361111,179.872222 396.155556,176 408,176 C419.844444,176 429.638889,179.872222 437.383333,187.616667 C445.127778,195.361111 449,205.155556 449,217 C449,228.844444 445.127778,238.638889 437.383333,246.383333 C429.638889,254.127778 419.844444,258 408,258 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
+        <g id="save-image">
+            <rect id="border" stroke="#737373" stroke-width="12" fill="#FFFFFF" x="6" y="6" width="613" height="613" rx="135"></rect>
+            <g id="frame" transform="translate(66, 66)" fill="#737373" fill-rule="nonzero">
+                <path d="M54.75,493 C39.69375,493 26.8046875,487.639062 16.0828125,476.917187 C5.3609375,466.195312 0,453.30625 0,438.25 L0,274 L54.75,274 L54.75,438.25 L219,438.25 L219,493 L54.75,493 Z" id="Path"></path>
+                <path d="M274,493 L274,438.25 L438.25,438.25 L438.25,274 L493,274 L493,438.25 C493,453.30625 487.639062,466.195312 476.917187,476.917187 C466.195312,487.639062 453.30625,493 438.25,493 L274,493 Z" id="Path"></path>
+                <path d="M0,219 L0,54.75 C0,39.69375 5.3609375,26.8046875 16.0828125,16.0828125 C26.8046875,5.3609375 39.69375,0 54.75,0 L219,0 L219,54.75 L54.75,54.75 L54.75,219 L0,219 Z" id="Path"></path>
+                <path d="M438.25,219 L438.25,54.75 L274,54.75 L274,0 L438.25,0 C453.30625,0 466.195312,5.3609375 476.917187,16.0828125 C487.639062,26.8046875 493,39.69375 493,54.75 L493,219 L438.25,219 Z" id="Path"></path>
+            </g>
+            <rect id="border-hold-out-matte" fill="#FFFFFF" x="91" y="90" width="444" height="444" rx="38"></rect>
+            <g id="artwork" transform="translate(148, 176)" fill="#737373" fill-rule="nonzero">
+                <polygon id="Path" points="0 273 82.25 163.4 143.9375 245.6 226.1875 136 329 273"></polygon>
+                <path d="M260,82 C248.155556,82 238.361111,78.1277778 230.616667,70.3833333 C222.872222,62.6388889 219,52.8444444 219,41 C219,29.1555556 222.872222,19.3611111 230.616667,11.6166667 C238.361111,3.87222222 248.155556,0 260,0 C271.844444,0 281.638889,3.87222222 289.383333,11.6166667 C297.127778,19.3611111 301,29.1555556 301,41 C301,52.8444444 297.127778,62.6388889 289.383333,70.3833333 C281.638889,78.1277778 271.844444,82 260,82 Z" id="Path"></path>
+            </g>
         </g>
     </g>
 </svg>`