.dashboard-view{
--dash-new-analysis-width:472px;
--dash-panel-header-height:72px;
--dash-samples-panel-header-height:56px;
--dash-page-height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height));
margin:0;
}
.pipeline-document-container{
display:flex;
gap:8px;
background-color:var(--blue-5);
border-radius:4px;
padding:8px;
align-items:center;
}
.pipeline-document-container a.button-primary{
display:block;
color:white;
text-decoration:none;
font-weight:var(--font-weight-bold);
}
.pipeline-document-container + .pipeline-document-container{
margin-top:8px;
}
#req-more-samples .modal-content{
overflow:visible;
}
.transactions-bar{
display:flex;
align-items:center;
gap:4px;
padding:24px;
background-color:white;
border-bottom:1px solid var(--blue-10);
white-space:nowrap;
}
.transactions-bar .transactions-bar-info-icon{
width:18px;
height:18px;
flex-shrink:0;
}
.transactions-bar .more-samples-btn{
margin-left:auto;
flex-shrink:0;
}
.days-left-pill{
display:inline-flex;
align-items:center;
height:24px;
padding:0 8px;
border-radius:12px;
background-color:var(--green-10);
color:var(--primary-blue);
font-family:"Roboto Mono";
white-space:nowrap;
flex-shrink:0;
margin-left:4px;
}
.days-left-pill.is-warning{
background-color:var(--red-20);
}
.residual-samples-popover{
max-width:320px;
}
.residual-samples-popover .popover-content{
padding:16px;
}
.residual-samples-popover hr{
margin:16px 0;
border-top-color:var(--blue-10);
}
.residual-samples-popover-header{
display:flex;
align-items:center;
gap:4px;
margin-bottom:4px;
}
.residual-samples-allocations{
display:flex;
gap:24px;
padding:8px;
border-radius:4px;
background-color:var(--blue-5);
}
.residual-samples-allocations > div{
flex:1 1 0;
min-width:0;
}
.residual-samples-allocations .overline{
margin-bottom:4px;
}
#dash-new-analysis{
width:var(--dash-new-analysis-width);
min-width:var(--dash-new-analysis-width);
height:var(--dash-page-height);
display:flex;
flex-direction:column;
}
#dash-new-analysis .panel.panel-white{
border-radius:0;
box-shadow:none;
filter:none;
margin-bottom:0;
}
#dash-transactions-hook{
flex:0 0 auto;
}
#dash-pipeline-run-hook,
#dash-pipeline-run-hook > div,
#dash-pipeline-run-hook #pipeline-browse,
#dash-pipeline-run-hook #pipeline-browse > .panel.panel-white{
flex:1 1 auto;
min-height:0;
display:flex;
flex-direction:column;
margin-bottom:0;
}
#dash-pipeline-run-hook .panel .panel-heading{
display:flex;
padding:24px;
height:var(--dash-panel-header-height);
align-items:center;
text-align:left;
overflow:visible;
}
#dash-pipeline-run-hook .panel .panel-heading > .flex{
width:100%;
}
#dash-pipeline-run-hook #browse-panel-body{
flex:1 1 auto;
min-height:0;
display:flex;
flex-direction:column;
overflow-y:auto;
padding:0 24px 24px !important;
}
.pipeline-version-details-button{
display:flex;
align-items:center;
justify-content:center;
height:24px;
width:24px;
background-color:white;
border-radius:50%;
border:1px solid var(--blue-10);
background-size:18px 18px;
background-repeat:no-repeat;
background-position:center;
background-image:url("../../images/icons/blue-primary/info.svg");
}
.pipeline-version-details-button:hover{
background-color:var(--primary-blue);
background-image:url("../../images/icons/white/info.svg");
}
#dash-pipeline-run-hook [name="pipeline-type-selection-tabs-head"]{
margin-bottom:16px;
}
#dash-pipeline-run-hook [name="pipeline-type-selection-tabs"],
#dash-pipeline-run-hook .file-selection-tab-pane{
flex:1 1 auto;
min-height:0;
display:flex;
flex-direction:column;
}
.file-selection-dropzone{
flex:1 1 auto;
min-height:280px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:24px;
border:1px dashed var(--green-30);
border-radius:8px;
background-color:var(--green-5);
}
.file-selection-dropzone .dropzone-title{
margin:16px 0 0;
}
.file-selection-dropzone .dropzone-subtitle{
margin:4px 0 0;
}
.file-selection-dropzone .button-primary{
margin-top:24px;
}
.file-selection-dropzone.drag-highlighted{
box-shadow:none;
border-color:var(--primary-green);
background-color:var(--green-10);
}
#dash-last-samples{
flex-grow:1;
max-width:calc(100vw - var(--dash-new-analysis-width));
height:var(--dash-page-height);
max-height:var(--dash-page-height);
}
#dash-last-samples .panel.panel-white{
margin:24px;
filter:drop-shadow(0 4px 16px rgba(52,77,102,0.08));
border-radius:8px;
overflow:hidden;
height:calc(var(--dash-page-height) - 24px - 24px);
}
#dash-last-samples .panel .panel-heading{
display:flex;
padding:16px 16px 8px 16px;
height:var(--dash-samples-panel-header-height);
align-items:center;
}
#last-samples-body{
height:calc(var(--dash-page-height) - 24px - 24px - var(--dash-samples-panel-header-height));
padding:0 16px 16px 16px;
overflow:auto;
padding-top:0 !important;
}
#last-samples-body .table-responsive{
overflow:visible;
}
.dash-last-samples-switch{
display:flex;
gap:8px;
align-items:center;
}
#dash-last-samples .analysis-icon{
display:block;
visibility:hidden;
pointer-events:none;
}
#dash-last-samples table#last-samples-table > tbody tr:hover .analysis-icon{
visibility:visible;
pointer-events:auto;
}
table#last-samples-table > tbody tr td.last-samples-message{
background-color:white;
border:none;
text-align:center;
padding:100px 0 32px !important;
height:auto;
}
table#last-samples-table > tbody tr[name="viewAllSamplesRow"] td{
border:none;
background-color:white;
border-radius:10px;
text-align:center;
color:var(--primary-blue);
}
table#last-samples-table > tbody tr[name="viewAllSamplesRow"]:hover td{
background-color:white;
}
table#last-samples-table{
margin-bottom:0;
}