Skip to content

Commit 52f110b

Browse files
rotmanjanezrotmanjanez
committed
make table a scroll element
1 parent a1fcec0 commit 52f110b

4 files changed

Lines changed: 52 additions & 8 deletions

File tree

‎gravitons/index.html‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
}
9292

9393
.selectors-container {
94-
padding: 2rem 0 2rem 0;
94+
padding: 1rem 0 2rem 0;
9595
user-select: none;
9696
}
9797

@@ -111,6 +111,7 @@
111111
color: var(--selector-text-color);
112112
border: 0.2rem solid var(--background-color);
113113
border-radius: 0.5rem;
114+
cursor: pointer;
114115
}
115116

116117
.selector-active {
@@ -164,6 +165,16 @@
164165
white-space: nowrap;
165166
}
166167

168+
#summary-table {
169+
width: 100%;
170+
height: 45vh;
171+
overflow-y: scroll;
172+
scrollbar-gutter: stable;
173+
padding-right: 1rem;
174+
margin-top: 1.5rem;
175+
margin-bottom: 1rem;
176+
}
177+
167178
th {
168179
padding-bottom: 0.5rem;
169180
}
@@ -358,7 +369,7 @@ <h1>ClickHouse Hardware Benchmark</h1>
358369
<a href="https://github.com/ClickHouse/ClickBench/">Source</a> | <a href="https://clickhouse.com/docs/en/operations/performance-test/">Add a New Result</a> | <a href="https://github.com/ClickHouse/ClickBench/">Report Mistake</a> | <a href="https://benchmark.clickhouse.com/">Benchmark For Analytical DBMS</a> | <a href="https://benchmark.clickhouse.com/versions/">Versions Benchmark</a>
359370
</div>
360371

361-
<table class="stick-left comparison">
372+
<table id="summary-table" class="stick-left comparison">
362373
<thead>
363374
<tr>
364375
<th class="summary-name">

‎hardware/index.html‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
}
9292

9393
.selectors-container {
94-
padding: 2rem 0 2rem 0;
94+
padding: 1rem 0 2rem 0;
9595
user-select: none;
9696
}
9797

@@ -111,6 +111,7 @@
111111
color: var(--selector-text-color);
112112
border: 0.2rem solid var(--background-color);
113113
border-radius: 0.5rem;
114+
cursor: pointer;
114115
}
115116

116117
.selector-active {
@@ -164,6 +165,16 @@
164165
white-space: nowrap;
165166
}
166167

168+
#summary-table {
169+
width: 100%;
170+
height: 45vh;
171+
overflow-y: scroll;
172+
scrollbar-gutter: stable;
173+
padding-right: 1rem;
174+
margin-top: 1.5rem;
175+
margin-bottom: 1rem;
176+
}
177+
167178
th {
168179
padding-bottom: 0.5rem;
169180
}
@@ -523,7 +534,7 @@ <h1>ClickHouse Hardware Benchmark</h1>
523534
<a href="https://github.com/ClickHouse/ClickBench/">Source</a> | <a href="https://clickhouse.com/docs/en/operations/performance-test/">Add a New Result</a> | <a href="https://github.com/ClickHouse/ClickBench/">Report Mistake</a> | <a href="https://benchmark.clickhouse.com/">Benchmark For Analytical DBMS</a> | <a href="https://benchmark.clickhouse.com/versions/">Versions Benchmark</a>
524535
</div>
525536

526-
<table class="stick-left comparison">
537+
<table id="summary-table" class="stick-left comparison">
527538
<thead>
528539
<tr>
529540
<th class="summary-name">

‎index.html‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@
103103
}
104104

105105
.selectors-container {
106-
padding: 2rem 0 2rem 0;
106+
padding: 1rem 0 2rem 0;
107107
user-select: none;
108108
}
109109

@@ -123,6 +123,7 @@
123123
color: var(--selector-text-color);
124124
border: 0.2rem solid var(--background-color);
125125
border-radius: 0.5rem;
126+
cursor: pointer;
126127
}
127128

128129
.selector-active {
@@ -180,6 +181,16 @@
180181
white-space: nowrap;
181182
}
182183

184+
#summary-table {
185+
width: 100%;
186+
height: 45vh;
187+
overflow-y: scroll;
188+
scrollbar-gutter: stable;
189+
padding-right: 1rem;
190+
margin-top: 1.5rem;
191+
margin-bottom: 1rem;
192+
}
193+
183194
th {
184195
padding-bottom: 0.5rem;
185196
}
@@ -371,7 +382,7 @@ <h1>ClickBench — a Benchmark For Analytical DBMS</h1>
371382
<a href="https://github.com/ClickHouse/ClickBench/">Methodology</a> | <a href="https://github.com/ClickHouse/ClickBench/">Reproduce and Validate the Results</a> | <a href="https://github.com/ClickHouse/ClickBench/">Add a System</a> | <a href="https://benchmark.clickhouse.com/hardware/">Hardware Benchmark</a> | <a href="https://benchmark.clickhouse.com/versions/">Versions Benchmark</a> | See also: <a href="https://jsonbench.com/">JSONBench</a>
372383
</div>
373384

374-
<table class="stick-left comparison">
385+
<table id="summary-table" class="stick-left comparison">
375386
<thead>
376387
<tr>
377388
<th class="summary-name">

‎versions/index.html‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
}
9292

9393
.selectors-container {
94-
padding: 2rem 0 2rem 0;
94+
padding: 1rem 0 2rem 0;
9595
user-select: none;
9696
}
9797

@@ -111,6 +111,7 @@
111111
color: var(--selector-text-color);
112112
border: 0.2rem solid var(--background-color);
113113
border-radius: 0.5rem;
114+
cursor: pointer;
114115
}
115116

116117
.selector-active {
@@ -164,6 +165,16 @@
164165
white-space: nowrap;
165166
}
166167

168+
#summary-table {
169+
width: 100%;
170+
height: 45vh;
171+
overflow-y: scroll;
172+
scrollbar-gutter: stable;
173+
padding-right: 1rem;
174+
margin-top: 1.5rem;
175+
margin-bottom: 1rem;
176+
}
177+
167178
th {
168179
padding-bottom: 0.5rem;
169180
}
@@ -490,7 +501,7 @@ <h1>ClickHouse Versions Benchmark</h1>
490501
<a href="https://github.com/ClickHouse/ClickBench/">Source</a> | <a href="https://github.com/ClickHouse/ClickBench/">Report Mistake</a> | <a href="https://benchmark.clickhouse.com/">Benchmark For Analytical DBMS</a> | <a href="https://benchmark.clickhouse.com/hardware">Hardware Benchmark</a>
491502
</div>
492503

493-
<table class="stick-left comparison">
504+
<table id="summary-table" class="stick-left comparison">
494505
<thead>
495506
<tr>
496507
<th class="summary-name">

0 commit comments

Comments
 (0)