From 46466c8f40a5fec51f578cc2a763d90fd7f138c5 Mon Sep 17 00:00:00 2001
From: Ivica Ico Bukvic <ico@vt.edu>
Date: Thu, 18 Jun 2020 15:09:58 -0400
Subject: [PATCH] Further refinements to the dialog
---
pd/nw/css/default.css | 12 ++++++++++--
pd/nw/dialog_text.html | 5 +++--
pd/nw/pd_canvas.html | 6 ++++--
3 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/pd/nw/css/default.css b/pd/nw/css/default.css
index ea5ea5da9..4c04893a5 100644
--- a/pd/nw/css/default.css
+++ b/pd/nw/css/default.css
@@ -513,10 +513,18 @@ text {
/* Dialog to ask to save the patch before quitting */
#save_before_quit {
background-color: #f3f3f3;
- border:1px solid #bbb;
+ border:1px solid #f3f3f3;
padding: 12px;
margin: 12px;
- box-shadow: 7px 7px 5px grey;
+ /*box-shadow: 7px 7px 5px grey;*/
+ left: 50%;
+ top: 50%;
+ width: 40%;
+ transform: translate(-50%, -50%);
+}
+
+dialog::backdrop {
+ background: rgba(0, 0, 0, 0.5);
}
/* Search dialog */
diff --git a/pd/nw/dialog_text.html b/pd/nw/dialog_text.html
index 3ed14d27f..a1e900294 100644
--- a/pd/nw/dialog_text.html
+++ b/pd/nw/dialog_text.html
@@ -17,8 +17,9 @@
</button>
</div>
<dialog id="save_before_quit">
- <h4>Do you want to save the changes you made before closing the window?
- </h4>
+ <h5 style="text-align: center;">
+ Do you want to save the changes you made before closing the window?
+ </h5>
<div class="submit_buttons">
<button type="button"
onClick="ok()"
diff --git a/pd/nw/pd_canvas.html b/pd/nw/pd_canvas.html
index 5b6da1ff2..33f145388 100644
--- a/pd/nw/pd_canvas.html
+++ b/pd/nw/pd_canvas.html
@@ -55,9 +55,9 @@
<ol></ol>
</div>
<dialog id="save_before_quit">
- <h4><span data-i18n="canvas.save_dialog.prompt"></span>
+ <h5 style="text-align: center;"><span data-i18n="canvas.save_dialog.prompt"></span>
<span id="save_before_quit_filename"></span>?
- </h4>
+ </h5>
<div class="submit_buttons">
<button type="button"
id="yes_button"
@@ -76,6 +76,8 @@
</button>
</div>
</dialog>
+ <div id="hscroll" style="background-color: #00000044; position: fixed; left: 2px; bottom: 2px; border-radius: 0px; width: 10px; height: 5px; visibility: hidden;"></div>
+ <div id="vscroll" style="background-color: #00000044; position: fixed; right: 2px; top: 2px; border-radius: 0px; width: 5px; height: 10px; visibility: hidden;"></div>
<script type="text/javascript" src="./pd_canvas.js"></script>
</body>
</html>
--
GitLab