Skip to content

Commit

Permalink
First view of result panel grid
Browse files Browse the repository at this point in the history
  • Loading branch information
@jorvis
jorvis committed Jan 4, 2024
1 parent dc76e3d commit c1dbc09
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 14 deletions.
9 changes: 9 additions & 0 deletions www/css/expression.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,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;
height: 20em;
}
div#functional-annotation-c h3 {
font-weight: bold;
font-size: 90%;
Expand All @@ -36,6 +41,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;
}
Expand Down
66 changes: 52 additions & 14 deletions www/expression.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@

<!--#include virtual="/include/primary_nav.html" -->

<section id="main_c" class="column pl-0">
<section id="main_c" class="column pl-0 pt-0">

<!--#include virtual="/include/header_bar.html" -->

Expand Down Expand Up @@ -246,23 +246,61 @@ <h3 class="mt-0 is-clickable">
</h3>
</div>
</section>
<section id="result-panel" class="pl-3 pr-3 pb-3">
<section id="result-panel" class="p-3">
<div id="result-panel-options">
<div class="field is-horizontal">
<div class="field-label is-small">
<label class="label">Scoring method: </label>
<span class="option-label pr-1">Scoring method: </span>
<div class="control select is-small">
<select>
<option>Gene scope</option>
<option>Tissue scope</option>
<option>Sample scope</option>
</select>
</div>
</div>
<hr class="mt-3 mb-3" \>
<div id="result-panel-grid">
<div class="tile is-ancestor">
<div class="tile mr-3">
<div class="card">
<div class="card-header">
<div class="card-header-title">Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)</div>
<div class="card-header-icon">
<span class="icon"><i class="mdi mdi-18px mdi-dots-vertical"></i></span>
</div>
</div>
<div class="card-content">
Image gets drawn here.
</div>
</div>
</div>
<div class="field-body">
<div class="field">
<p class="control is-expanded has-icons-left">
<input class="input is-small" type="text" placeholder="Name">
<span class="icon is-small is-left">
<i class="mdi mdi-user"></i>
</span>
</p>
<div class="tile mr-3">
<div class="card">
<div class="card-header">
<div class="card-header-title">Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)</div>
<div class="card-header-icon">
<span class="icon"><i class="mdi mdi-18px mdi-dots-vertical"></i></span>
</div>
</div>
<div class="card-content">
Image gets drawn here.
</div>
</div>
</div>
</div>
<div class="tile">
<div class="card">
<div class="card-header">
<div class="card-header-title">Mouse, inner ear maturation, p1hc_p1sc, rnaSeq (Segil's lab)</div>
<div class="card-header-icon">
<span class="icon"><i class="mdi mdi-18px mdi-dots-vertical"></i></span>
</div>
</div>
<div class="card-content">
Image gets drawn here.
</div>
</div>
</div>
</div> <!-- end ancestor tile-->

</div>
</section>
</div>
Expand Down

0 comments on commit c1dbc09

Please sign in to comment.