Merge pull request #100 from sbwalker/master

some CSS love for a demo today
This commit is contained in:
Shaun Walker 2019-09-26 10:58:47 -04:00 committed by GitHub
commit e309e21ba1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 6 deletions

View File

@ -105,6 +105,7 @@ app {
.main .top-row { .main .top-row {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 9999;
} }
.main > div { .main > div {
@ -149,7 +150,7 @@ app {
height: 100%; height: 100%;
width: 0; width: 0;
position: fixed; /* Stay in place */ position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */ z-index: 9999; /* Sit on top */
right: 0; /* Position at right side of screen */ right: 0; /* Position at right side of screen */
top: 0; /* Position at top of screen */ top: 0; /* Position at top of screen */
background-color: rgb(0,0,0); /* Black fallback color */ background-color: rgb(0,0,0); /* Black fallback color */
@ -192,7 +193,7 @@ app {
.modal { .modal {
display: none; /* Hidden by default */ display: none; /* Hidden by default */
position: fixed; /* Stay in place */ position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */ z-index: 9999; /* Sit on top */
left: 0; left: 0;
top: 0; top: 0;
width: 100%; /* Full width */ width: 100%; /* Full width */
@ -235,6 +236,7 @@ app {
} }
.pane-admin-border { .pane-admin-border {
width: 100%;
border-width: 1px; border-width: 1px;
border-style: dashed; border-style: dashed;
border-color: gray; border-color: gray;
@ -253,5 +255,5 @@ app {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 999; z-index: 9999; /* Sit on top */
} }

View File

@ -105,6 +105,7 @@ app {
.main .top-row { .main .top-row {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 9999;
} }
.main > div { .main > div {
@ -150,7 +151,7 @@ app {
height: 100%; height: 100%;
width: 0; width: 0;
position: fixed; /* Stay in place */ position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */ z-index: 9999; /* Sit on top */
right: 0; right: 0;
top: 0; top: 0;
background-color: rgb(0,0,0); /* Black fallback color */ background-color: rgb(0,0,0); /* Black fallback color */
@ -193,7 +194,7 @@ app {
.modal { .modal {
display: none; /* Hidden by default */ display: none; /* Hidden by default */
position: fixed; /* Stay in place */ position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */ z-index: 9999; /* Sit on top */
left: 0; left: 0;
top: 0; top: 0;
width: 100%; /* Full width */ width: 100%; /* Full width */
@ -236,6 +237,7 @@ app {
} }
.pane-admin-border { .pane-admin-border {
width: 100%;
border-width: 1px; border-width: 1px;
border-style: dashed; border-style: dashed;
border-color: gray; border-color: gray;
@ -254,5 +256,5 @@ app {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 999; z-index: 9999; /* Sit on top */
} }