Modify CSS to keep device grid controls visible when scrolling.

This commit is contained in:
Jared Goodwin 2020-01-12 09:58:18 -08:00
parent a9be4c3443
commit 205f846bf2
3 changed files with 9 additions and 6 deletions

View File

@ -1,7 +1,7 @@
@model IndexModel
<div id="dataGridFrame" class="tab-pane fade active show in">
<div id="deviceGridWrapper">
<div id="deviceGridFrame" class="tab-pane fade active show in h-100">
<div id="deviceGridInnerWrapper">
<div id="gridControlsWrapper">
<div>
<label>Device Group:</label>

View File

@ -3,7 +3,7 @@
<div class="work-area hidden">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active show" href="#dataGridFrame" data-toggle="tab">
<a class="nav-link active show" href="#deviceGridFrame" data-toggle="tab">
Grid
</a>
</li>

View File

@ -33,7 +33,7 @@ h6 {
display: grid;
grid-template-rows: min-content auto;
grid-row-gap: 15px;
height: calc(100vh - 155px);
height: calc(100vh - 160px);
overflow-y: hidden;
}
#consoleAlert {
@ -54,8 +54,11 @@ h6 {
}
#dataGridFrame {
max-height: calc(100vh - 250px);
#deviceGridInnerWrapper {
display: grid;
grid-auto-rows: auto 1fr;
height: 100%;
}
.record-row {