From 675de9b498c5de64b62a961515480cd4c3a12e6c Mon Sep 17 00:00:00 2001 From: Prashant Agrawal Date: Wed, 4 Oct 2017 00:14:23 +0530 Subject: [PATCH 1/3] fixed z-index --- src/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/style.css b/src/style.css index aacafa2..7d34133 100644 --- a/src/style.css +++ b/src/style.css @@ -882,7 +882,7 @@ body > #demo-frame { } .console { background: var(--color-bg); - z-index: 1; /* bring above iframe */ + z-index: 5; /* bring above iframe */ position: absolute; bottom: 0; min-height: 80px; @@ -963,4 +963,4 @@ while the theme CSS file is loading */ color: #D1EDFF; } .cm-s-midnight .CodeMirror-gutters { background: #0F192A; border-right: 1px solid; } -.cm-s-midnight .CodeMirror-activeline-background { background: #253540; } \ No newline at end of file +.cm-s-midnight .CodeMirror-activeline-background { background: #253540; } From afc98284b87bec49e2a26629cf950190b7346fdf Mon Sep 17 00:00:00 2001 From: Prashant Agrawal Date: Wed, 4 Oct 2017 11:53:46 +0530 Subject: [PATCH 2/3] handled scrollbar --- src/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index 7d34133..4752867 100644 --- a/src/style.css +++ b/src/style.css @@ -882,7 +882,7 @@ body > #demo-frame { } .console { background: var(--color-bg); - z-index: 5; /* bring above iframe */ + z-index: 6; /* bring above iframe */ position: absolute; bottom: 0; min-height: 80px; From b799934bc1d3b01b272a72928f0f5ac2f574e824 Mon Sep 17 00:00:00 2001 From: Kushagra Gour Date: Thu, 9 Nov 2017 10:06:34 +0530 Subject: [PATCH 3/3] Make footer show over console and fix comments --- src/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/style.css b/src/style.css index 4752867..8b25792 100644 --- a/src/style.css +++ b/src/style.css @@ -309,7 +309,7 @@ body > #demo-frame { /*line-height: 20px;*/ } .footer { - z-index: 1; + z-index: 6; // Because .console is 6 } .main-header { display: flex; @@ -882,7 +882,7 @@ body > #demo-frame { } .console { background: var(--color-bg); - z-index: 6; /* bring above iframe */ + z-index: 6; /* bring above iframe & codemirror and also scrollbar in codemirror */ position: absolute; bottom: 0; min-height: 80px;