Fix left column positioning

This commit is contained in:
Isaac Connor 2020-09-02 14:44:52 -04:00
parent 8d2ced0fbb
commit 02d056b277
1 changed files with 29 additions and 29 deletions

View File

@ -159,37 +159,37 @@ xhtmlHeaders(__FILE__, translate('CycleWatch'));
</span> </span>
</div> </div>
</div> </div>
<div class="container-fluid"> <div class="container-fluid h-100">
<div class="row" id="content"> <div class="row flex-nowrap h-100" id="content">
<div class="col-sm-2 sidebar"> <nav id="sidebar" class="h-100">
<ul class="nav flex-column"> <ul class="nav nav-pills flex-column h-100">
<?php <?php
foreach ( $monitors as $m ) { foreach ( $monitors as $m ) {
echo '<li class="nav-item"><a class="nav-link'.( $m->Id() == $monitor->Id() ? ' active' : '' ).'" href="?view=cycle&amp;mid='.$m->Id().'">'.$m->Name().'</a></li>'; echo '<li class="nav-item"><a class="nav-link'.( $m->Id() == $monitor->Id() ? ' active' : '' ).'" href="?view=cycle&amp;mid='.$m->Id().'">'.$m->Name().'</a></li>';
} }
?> ?>
</ul> </ul>
</div> </nav>
<div class="col-sm-10 col-sm-offset-2"> <div class="container-fluid col-sm-offset-2 h-100 pr-0">
<div id="imageFeed"> <div id="imageFeed">
<?php <?php
if ( $monitor ) { if ( $monitor ) {
echo getStreamHTML($monitor, $options); echo getStreamHTML($monitor, $options);
} else { } else {
echo 'There are no monitors to view.'; echo 'There are no monitors to view.';
} }
?> ?>
</div> </div>
<div class="buttons"> <div class="buttons">
<button type="button" value="&lt;" id="prevBtn" title="<?php echo translate('PreviousMonitor') ?>" class="active" data-on-click-true="cyclePrev">&lt;&lt;</button> <button type="button" value="&lt;" id="prevBtn" title="<?php echo translate('PreviousMonitor') ?>" class="active" data-on-click-true="cyclePrev">&lt;&lt;</button>
<button type="button" value="||" id="pauseBtn" title="<?php echo translate('PauseCycle') ?>" class="active" data-on-click-true="cyclePause">||</button> <button type="button" value="||" id="pauseBtn" title="<?php echo translate('PauseCycle') ?>" class="active" data-on-click-true="cyclePause">||</button>
<button type="button" value="|&gt;" id="playBtn" title="<?php echo translate('PlayCycle') ?>" class="inactive" disabled="disabled" data-on-click-true="cycleStart">|&gt;</button> <button type="button" value="|&gt;" id="playBtn" title="<?php echo translate('PlayCycle') ?>" class="inactive" disabled="disabled" data-on-click-true="cycleStart">|&gt;</button>
<button type="button" value="&gt;" id="nextBtn" title="<?php echo translate('NextMonitor') ?>" class="active" data-on-click-true="cycleNext">&gt;&gt;</button> <button type="button" value="&gt;" id="nextBtn" title="<?php echo translate('NextMonitor') ?>" class="active" data-on-click-true="cycleNext">&gt;&gt;</button>
</div> </div>
</div>
</div>
</div> </div>
</div>
</div>
<?php xhtmlFooter() ?> <?php xhtmlFooter() ?>