Переглянути джерело

Added Magic button and tweaked margins for Windows

n1474335 7 роки тому
батько
коміт
ba5c503c48

+ 5 - 2
src/web/html/index.html

@@ -278,9 +278,12 @@
                             </span>
                             <div class="io-info" id="output-info"></div>
                             <div class="io-info" id="output-selection-info"></div>
-                            <span id="stale-indicator" title="The output is stale.&#10;The input or recipe has changed since this output was generated. Bake again to get the new value.">
+                            <button type="button" class="btn btn-primary bmd-btn-icon" id="magic" data-toggle="tooltip" title="Magic!">
+                                <i class="material-icons">flare</i>
+                            </button>
+                            <span id="stale-indicator" data-toggle="tooltip" title="The output is stale. The input or recipe has changed since this output was generated. Bake again to get the new value.">
                                 <i class="material-icons">access_time</i>
-                            </span>
+                            </span> 
                         </div>
                         <div class="textarea-wrapper">
                             <div id="output-highlighter" class="no-select"></div>

+ 5 - 0
src/web/stylesheets/components/_pane.css

@@ -23,6 +23,11 @@
     line-height: calc(var(--title-height) - 14px);
 }
 
+.title>span,
+.title>.btn {
+    margin-top: -4px;
+}
+
 .list-area {
     position: absolute;
     top: var(--title-height);

+ 1 - 1
src/web/stylesheets/layout/_controls.css

@@ -41,5 +41,5 @@
 }
 
 #controls .btn {
-    border-radius: 0;
+    border-radius: 30px;
 }

+ 5 - 0
src/web/stylesheets/layout/_io.css

@@ -146,3 +146,8 @@
 
     transition: all 0.5s ease;
 }
+
+#magic {
+    margin-left: 5px;
+    display: none;
+}

+ 1 - 1
src/web/stylesheets/utils/_overrides.css

@@ -108,7 +108,7 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 select.form-control:not([size]):not([multiple]), select.custom-file-control:not([size]):not([multiple]) {
-    height: unset;
+    height: unset !important;
 }
 
 code {