Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 10 additions & 5 deletions programs/server/play.html
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,7 @@
--border-color: #CCC;
--shadow-color: rgba(0, 0, 0, 0.1);
--button-color: var(--altinity-accent);
--button-text-color: #000;
--text-color: #000;
--text-color-active: #000;
--button-active-color: var(--altinity-accent);
Expand Down Expand Up @@ -435,6 +436,7 @@
padding: 0.25rem 0.65rem;
cursor: pointer;
position: relative;
font-size: 100%;
}

.copy-balloon
Expand Down Expand Up @@ -477,6 +479,7 @@
padding: 0.25rem 0.65rem;
cursor: pointer;
position: relative;
font-size: 100%;
}

#download
Expand Down Expand Up @@ -608,6 +611,7 @@
}
#logo text
{
font-size: 14px;
fill: var(--logo-color);
}

Expand Down Expand Up @@ -692,19 +696,19 @@
<button type="submit" class="shadow" id="run">Run</button>
<div id="hint">&nbsp;(Ctrl/Cmd+Enter)</div>
<query-progress id="query-progress"></query-progress>
<div id="copy-div" class="shadow" title="Copy raw result to clipboard">
<button type="button" id="copy-div" class="shadow" title="Copy raw result to clipboard" aria-label="Copy raw result to clipboard">
<svg id="copy-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
</svg>
</div>
<div id="download-div" class="shadow">
</button>
<button type="button" id="download-div" class="shadow" title="Download query result" aria-label="Download query result">
<svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
<polyline points="7 10 12 15 17 10"/>
<line x1="12" y1="15" x2="12" y2="3"/>
</svg>
</div>
</button>
<div id="theme"><span id="toggle-dark">🌘</span><span id="toggle-light">☀️</span></div>
</div>
</form>
Expand Down Expand Up @@ -2554,7 +2558,8 @@

// Favicon changes to gray while a query is running, to indicate progress on the browser tab.
const favicon_default = document.querySelector('link[rel="icon"]').href;
const favicon_running = 'data:image/svg+xml;base64,' + btoa(atob(favicon_default.split(',')[1]).replace('#ff0', '#bbb'));
const favicon_svg = atob(favicon_default.split(',')[1]);
const favicon_running = 'data:image/svg+xml;base64,' + btoa(favicon_svg.replace(/#(?:ff0|199DCF)/i, '#bbb'));

function setFavicon(href) { document.querySelector('link[rel="icon"]').href = href; }

Expand Down
Loading