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>
</div>
</div>
<div class="container-fluid">
<div class="row" id="content">
<div class="col-sm-2 sidebar">
<ul class="nav flex-column">
<?php
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>';
}
?>
</ul>
</div>
<div class="col-sm-10 col-sm-offset-2">
<div class="container-fluid h-100">
<div class="row flex-nowrap h-100" id="content">
<nav id="sidebar" class="h-100">
<ul class="nav nav-pills flex-column h-100">
<?php
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>';
}
?>
</ul>
</nav>
<div class="container-fluid col-sm-offset-2 h-100 pr-0">
<div id="imageFeed">
<?php
if ( $monitor ) {
echo getStreamHTML($monitor, $options);
} else {
echo 'There are no monitors to view.';
}
?>
</div>
<div id="imageFeed">
<?php
if ( $monitor ) {
echo getStreamHTML($monitor, $options);
} else {
echo 'There are no monitors to view.';
}
?>
</div>
<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="||" 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="nextBtn" title="<?php echo translate('NextMonitor') ?>" class="active" data-on-click-true="cycleNext">&gt;&gt;</button>
</div>
<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="||" 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="nextBtn" title="<?php echo translate('NextMonitor') ?>" class="active" data-on-click-true="cycleNext">&gt;&gt;</button>
</div>
</div>
</div>
</div>
</div>
</div>
<?php xhtmlFooter() ?>