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

Convert options layout to side-tabs, and improve readability

This commit is contained in:
Kyle Johnson 2016-03-15 15:21:28 -04:00
parent 87932002cf
commit 897a0a995c
2 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/skins/classic/css/classic/skin.css
View File

@ -432,6 +432,21 @@ th.table-th-sort-rev span.table-th-sort-span {
padding: 8px; padding: 8px;
} }
.nav.nav-tabs { .nav.nav-pills.nav-stacked.col-md-2 {
margin-bottom: 15px; padding-right: 0;
}
.nav.nav-pills.nav-stacked.col-md-2 > li > a {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#options {
border-left: 1px solid #337ab7;
}
#options .form-group {
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
} }

6
web/skins/classic/views/options.php
View File

@ -60,7 +60,7 @@ xhtmlHeaders( __FILE__, translate('Options') );
<?php include("skins/$skin/views/header.php") ?> <?php include("skins/$skin/views/header.php") ?>
<div class="container-fluid"> <div class="container-fluid">
<ul class="nav nav-tabs"> <ul class="nav nav-pills nav-stacked col-md-2">
<?php <?php
foreach ( $tabs as $name=>$value ) foreach ( $tabs as $name=>$value )
{ {
@ -79,6 +79,8 @@ foreach ( $tabs as $name=>$value )
} }
?> ?>
</ul> </ul>
<div id="options" class="col-md-10">
<?php <?php
$skin_options = array_map( 'basename', glob('skins/*',GLOB_ONLYDIR) ); $skin_options = array_map( 'basename', glob('skins/*',GLOB_ONLYDIR) );
if($tab == 'skins') { if($tab == 'skins') {
@ -364,6 +366,8 @@ elseif ( $tab == "users" )
<?php <?php
} }
?> ?>
</div><!-- end #options -->
</div> </div>
</body> </body>
</html> </html>