diff --git a/programs/server/dashboard.html b/programs/server/dashboard.html index 440cdcae416..503e4ef0e41 100644 --- a/programs/server/dashboard.html +++ b/programs/server/dashboard.html @@ -230,8 +230,8 @@ filter: contrast(125%); } - #add, #reload { - padding: .25rem 0.5rem; + #add, #reload, #edit { + padding: 0.25rem 0.5rem; text-align: center; font-weight: bold; user-select: none; @@ -244,13 +244,10 @@ margin-right: 1rem !important; margin-left: 0rem; margin-bottom: 1rem; + height: 3ex; } - /* .unconnected #reload { - margin-left: 3px; - } */ - - #add:hover, #reload:hover { + #add:hover, #reload:hover, #edit:hover { background: var(--button-background-color); } @@ -333,18 +330,21 @@ padding: 2rem; } - .query-editor textarea { - grid-row: 1; - grid-column: 1 / span 2; - z-index: 11; + textarea { padding: 0.5rem; outline: none; border: none; font-size: 12pt; - border-bottom: 1px solid var(--edit-title-border); background: var(--chart-background); color: var(--text-color); resize: none; + } + + .query-editor textarea { + grid-row: 1; + grid-column: 1 / span 2; + z-index: 11; + border-bottom: 1px solid var(--edit-title-border); margin: 0; } @@ -367,10 +367,41 @@ filter: contrast(125%); } + .edit-cancel { + cursor: pointer; + background: var(--new-chart-background-color); + } + .edit-cancel:hover { + filter: contrast(125%); + } + .nowrap { white-space: pre; } + #mass-editor { + display: none; + grid-template-columns: auto fit-content(10%) fit-content(10%); + grid-template-rows: auto fit-content(10%); + row-gap: 1rem; + column-gap: 1rem; + } + + #mass-editor-textarea { + width: 100%; + height: 100%; + grid-row: 1; + grid-column: 1 / span 3; + } + + #mass-editor input { + padding: 0.5rem; + } + + #mass-editor-message { + color: var(--auth-error-color); + } + /* Source: https://cdn.jsdelivr.net/npm/uplot@1.6.21/dist/uPlot.min.css * It is copy-pasted to lower the number of requests. */ @@ -398,6 +429,12 @@
+
+ +   + + +