Template:Builder: Difference between revisions

Latest revision as of 17:33, 11 March 2022

Sandbox Action - {{{1}}}

Click the button to the right to run the workflow "{{{1}}}" on the BigID developer sandbox system. This will not affect your personal or organization's BigID system.

@@ Line 3: / Line 3: @@
 .bigid_builder_contain {
-   padding:20px;
+   padding:1.5vw;
    border-radius: 10px;
-   background: linear-gradient(143deg, rgba(222,229,240,0) 0%, var(--background-color-primary--active) 100%);
+   background: var(--background-color-framed);
    display: flex;
+  justify-items: center;
+  align-items: center;
 }
 .bigid_builder_image img {
@@ Line 17: / Line 19: @@
 }
 .bigid_builder_content {
-padding-left:2vw;
+padding-left:1.5vw;
+}
+.bigid_builder_contain button {
+    padding: 15px;
+    margin-right: 4px;
+    border-radius: var(--border-radius--medium);
+    transition: background 200ms ease,color 200ms ease;
+    background-color: var(--color-primary);
+    font-weight: 450;
+    font-size: 14px;
+    border: 0px;
+    color: #fff;
+    margin-left: 1.25vw;
+}
+.bigid_builder_contain button:hover {
+  background: var(--background-color-primary--active);
+}
+button.complete {
+color:red;
 }
 </style>
@@ Line 24: / Line 44: @@
 <div class="bigid_builder_image"><img src="https://wiki-images.bigid.tools/cdn/builder.svg" /></div>
 <div class="bigid_builder_content">
-<div class="bigid_builder_title">Sandbox Builder - Enable Data In Motion</div>
+<div class="bigid_builder_title">Sandbox Action - </html>{{{1}}}<html></div>
-Click the button below
+Click the button to the right to run the workflow "</html>{{{1}}}<html>" on the BigID developer sandbox system. This will not affect your personal or organization's BigID system.
 </div>
+<button onclick="(async function() {this.disabled = true;await </html>{{{2}}}<html>;this.outerHTML='<p>Action Completed!</p>';}).bind(this)()"></html>{{{1}}}<html></button>
 </div>
 </html>