thevar1able/ClickHouse
1
0
Fork 0
mirror of https://github.com/ClickHouse/ClickHouse.git synced 2024-11-10 01:25:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard: sticky header

Browse Source
This commit is contained in:
Alexey Milovidov 2024-03-03 04:35:15 +01:00
parent 214168e820
commit 4b69440e58
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
programs/server/dashboard.html
View File

@ -9,7 +9,8 @@
<style> <style>
:root { :root {
--color: black; --color: black;
--background: linear-gradient(to bottom, #00CCFF, #00D0D0); --background-color-1: #00CCFF;
--background: linear-gradient(to bottom, var(--background-color-1), #00D0D0);
--chart-background: white; --chart-background: white;
--shadow-color: rgba(0, 0, 0, 0.25); --shadow-color: rgba(0, 0, 0, 0.25);
--moving-shadow-color: rgba(0, 0, 0, 0.5); --moving-shadow-color: rgba(0, 0, 0, 0.5);
@ -33,7 +34,8 @@
[data-theme="dark"] { [data-theme="dark"] {
--color: white; --color: white;
--background: #151C2C; --background-color-1: #151C2C;
--background: var(--background-color-1);
--chart-background: #1b2834; --chart-background: #1b2834;
--shadow-color: rgba(0, 0, 0, 0); --shadow-color: rgba(0, 0, 0, 0);
--moving-shadow-color: rgba(255, 255, 255, 0.25); --moving-shadow-color: rgba(255, 255, 255, 0.25);
@ -119,6 +121,18 @@
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
justify-content: center; justify-content: center;
position: sticky;
top: -1rem;
margin-top: -1rem;
margin-left: -1rem;
margin-right: -1rem;
border-top: 1rem solid var(--background-color-1);
border-left: 1rem solid var(--background-color-1);
border-right: 1rem solid var(--background-color-1);
box-sizing: content-box;
z-index: 1000;
background: var(--background-color-1);
} }
.inputs.unconnected { .inputs.unconnected {