Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Move CSS into css file and add collapsing navbar * Move navbar JS into js file * Add bokeh theme to make status doc backgrounds clear * Move active page highlight logic to JS * Move status css to standalone file * use self-closing tag * [skip ci] add css to MANIFEST.in * add bokeh theme to all plot
- Loading branch information
Showing
10 changed files
with
235 additions
and
177 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,108 @@ | ||
html { | ||
width: 100%; | ||
height: 100%; | ||
background: #FAFAFA; | ||
} | ||
|
||
body { | ||
height: 100%; | ||
width: 100%; | ||
margin: 0; | ||
box-sizing: border-box; | ||
font-family: Helvetica, Arial, sans-serif; | ||
padding: 0px 10px; | ||
padding-top: 3rem; | ||
padding-bottom: 1rem; | ||
} | ||
|
||
.navbar { | ||
position: fixed; | ||
top: 0; | ||
left: 0; | ||
right: 0; | ||
z-index: 1; | ||
} | ||
|
||
.navbar ul { | ||
list-style-type: none; | ||
margin: 0; | ||
padding: 0; | ||
overflow: hidden; | ||
background-color: #EEE; | ||
} | ||
|
||
.navbar li { | ||
float: left; | ||
font-size: 17px; | ||
transition: .3s background-color; | ||
} | ||
|
||
.navbar li.active { | ||
background-color: rgba(234, 170, 109, 0.7); | ||
} | ||
|
||
.navbar li a { | ||
display: block; | ||
color: black; | ||
padding: 11px 16px; | ||
text-decoration: none; | ||
} | ||
|
||
.navbar li:hover { | ||
background-color: #eaaa6d; | ||
} | ||
|
||
#dask-logo img { | ||
height: 28px; | ||
padding: 5px 15px; | ||
} | ||
|
||
#dask-logo a { | ||
padding: 0px; | ||
} | ||
|
||
#navbar-toggle-icon { | ||
float: right; | ||
} | ||
|
||
#navbar-toggle-icon a { | ||
display: none; | ||
} | ||
|
||
#navbar-toggle-icon img { | ||
height: 22px; | ||
} | ||
|
||
@media screen and (max-width: 650px) { | ||
.navbar li:not(#dask-logo):not(#navbar-toggle-icon) a { | ||
display: none; | ||
} | ||
#navbar-toggle-icon a { | ||
display: block; | ||
} | ||
} | ||
|
||
@media screen and (max-width: 650px) { | ||
.navbar.responsive li:not(#navbar-toggle-icon) { | ||
float: none; | ||
} | ||
.navbar.responsive li:not(#dask-logo):not(#navbar-toggle-icon) a { | ||
display: block; | ||
text-align: left; | ||
} | ||
.navbar.responsive #navbar-toggle-icon a { | ||
position: absolute; | ||
right: 0; | ||
top: 0; | ||
} | ||
} | ||
|
||
.bk-root .bk-toolbar-box .bk-toolbar-right { | ||
top: 4px; | ||
right: 4px; | ||
} | ||
|
||
.content { | ||
width: 100%; | ||
height: 100%; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
#status-fluid { | ||
display: grid; | ||
height: 100%; | ||
} | ||
|
||
@media (min-width: 0px) { | ||
#status-fluid { | ||
grid-template-columns: 1fr 1fr; | ||
grid-template-rows: 1fr 3fr 1fr; | ||
} | ||
#status-history { | ||
grid-column: 1; | ||
grid-row: 1; | ||
} | ||
#status-processing { | ||
grid-column: 2; | ||
grid-row: 1; | ||
} | ||
#status-tasks { | ||
grid-column: 1 / span 2; | ||
grid-row: 2; | ||
} | ||
#status-progress { | ||
grid-column: 1 / span 2; | ||
grid-row: 3; | ||
} | ||
} | ||
|
||
@media (min-width: 992px) { | ||
#status-fluid { | ||
grid-template-columns: 1fr 3fr; | ||
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; | ||
} | ||
#status-history { | ||
grid-column: 1; | ||
grid-row: 1 / span 3; | ||
} | ||
#status-processing { | ||
grid-column: 1; | ||
grid-row: 4 / span 3; | ||
} | ||
#status-tasks { | ||
grid-column: 2; | ||
grid-row: 1 / span 4; | ||
} | ||
#status-progress { | ||
grid-column: 2; | ||
grid-row: 5 / span 2; | ||
} | ||
} |
File renamed without changes
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.