ZaneYork
/
zoneminder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add styling for vertical (stacked) tabs. 

This commits adds some styling for the stacked tabs in the Options
and Monitors views.
This commit is contained in:
Kyle Johnson 2015-02-27 09:32:27 -05:00
parent 99eaec391d
commit 84e7f463fa
3 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/css/skin.css
View File

@ -1,4 +1,7 @@
body { padding-top: 70px; } body {
padding-top: 70px;
background-color: #F5F5F5;
}
#footer { #footer {
position: absolute; position: absolute;
@ -79,6 +82,27 @@ body { padding-top: 70px; }
padding-left: 5px; padding-left: 5px;
} }
body { #optionsView .form-group {
margin-bottom: 5px;
}
.nav-tabs {
border-right: 1px solid #DDD;
border-bottom: 0;
}
.nav-tabs > li > a {
border-radius: 0;
margin-right: -1px;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
border-bottom: none;
border-right: 1px solid #DDD;
background-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border-color: #DDD transparent #DDD #DDD;
background-color: #F5F5F5; background-color: #F5F5F5;
} }

12
web/views/monitor.detail.html
View File

@ -4,12 +4,12 @@
<div class="row"> <div class="row">
<form ng-submit="submitMonitor(formMonitor.$valid)" name="formMonitor" novalidate> <form ng-submit="submitMonitor(formMonitor.$valid)" name="formMonitor" novalidate>
<div class="col-md-2"> <div class="col-md-2">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-tabs nav-stacked">
<li><a ui-sref="monitor.detail.general">General</a></li> <li ui-sref-active="active"><a ui-sref="monitor.detail.general">General</a></li>
<li><a ui-sref="monitor.detail.source">Source</a></li> <li ui-sref-active="active"><a ui-sref="monitor.detail.source">Source</a></li>
<li><a ui-sref="monitor.detail.timestamps">Timestamps</a></li> <li ui-sref-active="active"><a ui-sref="monitor.detail.timestamps">Timestamps</a></li>
<li><a ui-sref="monitor.detail.buffers">Buffers</a></li> <li ui-sref-active="active"><a ui-sref="monitor.detail.buffers">Buffers</a></li>
<li><a ui-sref="monitor.detail.misc">Misc</a></li> <li ui-sref-active="active"><a ui-sref="monitor.detail.misc">Misc</a></li>
</ul> </ul>
<button type="submit" class="btn btn-success btn-block" ng-disabled="formMonitor.$invalid">Save</button> <button type="submit" class="btn btn-success btn-block" ng-disabled="formMonitor.$invalid">Save</button>

4
web/views/options/options.html
View File

@ -1,7 +1,7 @@
<div class="container" ng-controller="ConfigController"> <div class="container" ng-controller="ConfigController">
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<ul class="nav nav-pills nav-stacked" role="tablist"> <ul class="nav nav-tabs nav-stacked" role="tablist">
<li ui-sref-active="active"><a ui-sref="options.images" <li ui-sref-active="active"><a ui-sref="options.images"
aria-controls="images" role="tab">images</a></li> aria-controls="images" role="tab">images</a></li>
@ -53,7 +53,7 @@
</div><!-- End .col-md-2 --> </div><!-- End .col-md-2 -->
<div class="col-md-10"> <div class="col-md-10">
<div ui-view class="form-horizontal"></div> <div id="optionsView" ui-view class="form-horizontal"></div>
</div><!-- End .col-md-10 --> </div><!-- End .col-md-10 -->
</div><!-- End .row --> </div><!-- End .row -->
</div> </div>