Changeset 37255

Timestamp:

2023-02-02T17:36:09+13:00 (15 months ago)

Author:

davidb

Message:

Cancel/Resume/Save Confirm Popup

Location:

gs3-installations/mars/trunk/interfaces/mars

Files:

• scripts (added)
• scripts/core_extra.js (added)
• style/core_extra.css (modified) (1 diff)
• transform/layouts/main.xsl (modified) (1 diff)

gs3-installations/mars/trunk/interfaces/mars/style/core_extra.css

@@ -2 +2 @@
     background-color: #E3E9C4;
 }
+
+
+
+/* Cancel/Resume/Save Confirmation Popup, based on:
+     https://codepen.io/Ana_Champion/pen/JRbeEL
+*/
+
+
+.dialog-ovelay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.50);
+    z-index: 999999
+}
+.dialog-ovelay .dialog {
+    width: 400px;
+    margin: 100px auto 0;
+    background-color: #fff;
+    box-shadow: 0 0 20px rgba(0,0,0,.2);
+    border-radius: 3px;
+    overflow: hidden
+}
+.dialog-ovelay .dialog header {
+    padding: 10px 8px;
+    background-color: #f6f7f9;
+    border-bottom: 1px solid #e5e5e5
+}
+.dialog-ovelay .dialog header h3 {
+    font-size: 14px;
+    margin: 0;
+    color: #555;
+    display: inline-block
+}
+.dialog-ovelay .dialog header .fa-close {
+    float: right;
+    color: #c4c5c7;
+    cursor: pointer;
+    transition: all .5s ease;
+    padding: 0 2px;
+    border-radius: 1px    
+}
+.dialog-ovelay .dialog header .fa-close:hover {
+    color: #b9b9b9
+}
+.dialog-ovelay .dialog header .fa-close:active {
+    box-shadow: 0 0 5px #673AB7;
+    color: #a2a2a2
+}
+.dialog-ovelay .dialog .dialog-msg {
+    padding: 12px 10px
+}
+.dialog-ovelay .dialog .dialog-msg p{
+    margin: 0;
+    font-size: 15px;
+    color: #333
+}
+.dialog-ovelay .dialog footer {
+    border-top: 1px solid #e5e5e5;
+    padding: 8px 10px
+}
+
+/*
+.dialog-ovelay .dialog footer .controls {
+    direction: rtl
+}
+*/
+
+footer .controls {
+    padding: 0;
+}
+.dialog-ovelay .dialog footer .controls .button {
+    padding: 5px 15px;
+    border-radius: 3px;
+    margin: 15px;
+}
+
+footer .controls .button {
+  cursor: pointer
+}
+
+.controls .button-default {
+    background-color: rgb(248, 248, 248);
+    border: 1px solid rgba(204, 204, 204, 0.5);
+    color: #5D5D5D;
+}
+.controls .button-danger {
+    background-color: #f44336;
+    border: 1px solid #d32f2f;
+    color: #f5f5f5
+}
+
+/*
+.link {
+  padding: 5px 10px;
+  cursor: pointer
+}
+*/

gs3-installations/mars/trunk/interfaces/mars/transform/layouts/main.xsl

@@ -68 +68 @@
 
                 <link rel="stylesheet" href="interfaces/{$interface_name}/style/core_extra.css" />
+                <script src="interfaces/{$interface_name}/scripts/core_extra.js"><xsl:text>  </xsl:text></script>
+                
             </head>