db/explain.depesz.com
1
0
Fork 0
mirror of https://gitlab.com/depesz/explain.depesz.com.git synced 2026-06-19 22:15:11 +02:00
Code Activity

Scroll bar for source/query/bquery/text

Browse Source
This commit is contained in:
Alexandre Felipe
2022-07-12 16:38:21 +01:00
parent ff0d6f73ab
commit 32fcaea5b9
2 changed files with 318 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/common.css
+7 -11
View File
@@ -104,16 +104,12 @@ section h3 {color:#234}
section p a,
section p a:visited {padding:2px 4px;color:#234;border:1px dotted #e0e0e0}
section p a:hover {background:#234;color:#fff;border:1px solid #123}
.result {margin:0;padding:0}
.result-source {background:#222 url('../img/code-bg.gif');color:#fff}
.result-source pre {margin:0;padding:1em}
.result-query {background:#222 url('../img/code-bg.gif');color:#fff}
.result-query pre {margin:0;padding:1em}
.result-bquery {background:#222 url('../img/code-bg.gif');color:#fff}
.result-bquery pre {margin:0;padding:1em}
.result-text {background:#222 url('../img/code-bg.gif');color:#fff}
.result-text pre {margin:0;padding:1em}
.result>.res-tab {position: relative;}
.result {margin:0;padding:0;}
.result-source pre {margin:0;padding:0;}
.result-query pre {margin:0;padding:0;}
.result-bquery pre {margin:0;padding:0;}
.result-text pre {margin:0;padding:0}
.result .tabs ul {margin:0;padding:0;list-style:none}
.result .tabs li {display:block;float:left;margin-right:1px}
@@ -126,7 +122,7 @@ section p a:hover {background:#234;color:#fff;border:1px solid #123}
.result .tabs .stats a { -moz-border-radius:0px 4px 0px 0px; border-radius:0px 4px 0px 0px; }
.result-html table#explain {margin:5px;border-collapse:collapse}
.result-html table#explain {border-collapse:collapse}
.result-html table#explain th,
.result-html table#explain td {padding:4px 8px;border:1px solid #ccc;background:#fff;text-align:left;vertical-align:top}
public/css/style.css
+18 -6
View File
@@ -94,12 +94,10 @@ div.explain-form a:hover {background:#e5ecf9}
.result-html {
max-height: calc(100vh - 250px)
}
#explain thead, #explain th {
max-height: 100px;
position: sticky;
top: 0;
z-index: 1;
.res-tab>pre>code {
width: calc(100% - 15px);
top: 0; left: 0;
max-height: calc(100vh - 250px);
}
/* all ico(ns) */
.result-html table#explain td.n div.ico {position:absolute;top:-4px;left:-22px;width:22px;height:22px;background:url('../img/sprite.png') no-repeat 0px -180px;text-indent:-1000px;overflow:hidden}
@@ -213,6 +211,10 @@ button.copy {
border: 1px solid #d0d8d8;
background: #e5ecf9;
color: #444;
position: absolute;
z-index: 10;
right: 0;
top: 0;
}
div.tabs span.newblink {
@@ -223,3 +225,13 @@ div.tabs span.newblink {
0% { color: #ff0000; }
100% { color: #ffff00; }
}
#explain>thead>tr {
max-height: 100px;
position: sticky;
border: 0px;
margin: 0px;
top: 0;
z-index: 1;
}