Merge pull request #3798 from aurror/modal-save-button-and-shortcut

added save image button and a hotkey to Modal Image View

1 files changed, 16 insertions, 2 deletions

diff --git a/style.css b/style.css
index 8dd483ef..8b2211b1 100644
--- a/style.css
+++ b/style.css
@@ -314,8 +314,8 @@ input[type="range"]{
 

 .modalControls {

     display: grid;

-    grid-template-columns: 32px auto 1fr 32px;

-    grid-template-areas: "zoom tile space close";

+    grid-template-columns: 32px 32px 32px 1fr 32px;

+    grid-template-areas: "zoom tile save space close";

     position: absolute;

     top: 0;

     left: 0;

@@ -333,6 +333,10 @@ input[type="range"]{
     grid-area: zoom;

 }

 

+.modalSave {

+    grid-area: save;

+}

+

 .modalTileImage {

     grid-area: tile;

 }

@@ -346,8 +350,18 @@ input[type="range"]{
   cursor: pointer;

 }

 

+.modalSave {

+    color: white;

+    font-size: 28px;

+    margin-top: 8px;

+    font-weight: bold;

+    cursor: pointer;

+}

+

 .modalClose:hover,

 .modalClose:focus,

+.modalSave:hover,

+.modalSave:focus,

 .modalZoom:hover,

 .modalZoom:focus {

   color: #999;