diff --git a/www/css/expression.css b/www/css/expression.css index cb47d5c0..3b23ead2 100644 --- a/www/css/expression.css +++ b/www/css/expression.css @@ -4,7 +4,6 @@ Highlighted background color: fbfcfd Highlighted background border: e9eef1 */ - div#annotation-and-grid-c h3 { font-weight: normal; font-size: 90%; @@ -12,6 +11,11 @@ div#annotation-and-grid-c h3 { div#annotation-and-grid-c h3 span { font-weight: bold; } +div.card-content { + background-color: white; + color: black; + min-height: 20em; +} div#functional-annotation-c h3 { font-weight: bold; font-size: 90%; @@ -27,6 +31,15 @@ div#results-main-c { border-top: 1px solid rgb(220, 220, 220); margin-top: 50px; } +div#result-panel-grid .card { + /* https://github.com/jgthms/bulma/issues/218 */ + height: 100%; + display: flex; + flex-direction: column; +} +div#result-panel-grid .card-content { + height: 100%; +} section#annotation-panel, section#result-panel { background-color: #fbfcfd; @@ -36,6 +49,10 @@ section#annotation-panel h4 { font-weight: bold; font-size: 90%; } +span.option-label { + font-weight: bold; + font-size: 90%; +} ul#gene-result-list { list-style: none; } diff --git a/www/expression.html b/www/expression.html index 34bbe964..19d1c1f2 100644 --- a/www/expression.html +++ b/www/expression.html @@ -32,7 +32,7 @@ -
+
@@ -246,23 +246,116 @@

-
+
-
-
- + Scoring method: +
+ +
+
+
+
+ +
+
+ +
+
+
+
+
Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)
+
+ +
+
+
+ Image gets drawn here. +
+
+
+
+ +
+
+
+
+
Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)
+
+ +
+
+
+ Image gets drawn here. +
+
+
+
+
+
+
Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)
+
+ +
+
+
+ Image gets drawn here. +
+
+
+
+
-
-
-

- - - - -

+
+
+
+
+
Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)
+
+ +
+
+
+ Fancy tall graphic here +
+
+
+
+ +
+
+
+
+
+
Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)
+
+ +
+
+
+ Fancy tall graphic here +
+
+
+
+
+
+
Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)
+
+ +
+
+
+ Fancy tall graphic here +
+
+
diff --git a/www/js/common.v2.js b/www/js/common.v2.js index baa161b6..601c1070 100644 --- a/www/js/common.v2.js +++ b/www/js/common.v2.js @@ -135,12 +135,24 @@ document.addEventListener('DOMContentLoaded', () => { if (SIDEBAR_COLLAPSED == false) { hideNavbarElementsWithAnimation(); SIDEBAR_COLLAPSED = true; + Cookies.set('gear_sidebar_collapsed', true, { expires: 7 }); } else { showNavbarElementsWithAnimation(); SIDEBAR_COLLAPSED = false; + Cookies.set('gear_sidebar_collapsed', false, { expires: 7 }); } }); + // now, if the page was initially loaded check and see if this has already been toggled via a cookie + const sidebar_cookie = Cookies.get('gear_sidebar_collapsed'); + if (sidebar_cookie == "true") { + hideNavbarElementsWithAnimation(); + SIDEBAR_COLLAPSED = true; + } else { + showNavbarElementsWithAnimation(); + SIDEBAR_COLLAPSED = false; + } + /** * / End controls for the left navbar visibility */ diff --git a/www/js/expression.js b/www/js/expression.js index 88095138..f471bd51 100644 --- a/www/js/expression.js +++ b/www/js/expression.js @@ -1,6 +1,6 @@ document.addEventListener('DOMContentLoaded', () => { // Set the page header title - document.querySelector('#page-header-title').textContent = 'Gene Expression Search'; + document.querySelector('#page-header-label').textContent = 'Gene Expression Search'; }); const handlePageSpecificLoginUIUpdates = async (event) => {