aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2015-03-04 09:54:33 +0100
committerMario Vavti <mario@mariovavti.com>2015-03-04 09:54:33 +0100
commit6d30abe4bf4a92961f103f1ae899a2ef49a6d607 (patch)
treeb9ad9ea048ddcd25739503c321ad8631ea4f2900 /view
parentdf90677f900a1a6ed496628545a8e109700e168b (diff)
downloadvolse-hubzilla-6d30abe4bf4a92961f103f1ae899a2ef49a6d607.tar.gz
volse-hubzilla-6d30abe4bf4a92961f103f1ae899a2ef49a6d607.tar.bz2
volse-hubzilla-6d30abe4bf4a92961f103f1ae899a2ef49a6d607.zip
Accordionize feature settings
Diffstat (limited to 'view')
-rw-r--r--view/theme/redbasic/css/style.css2
-rwxr-xr-xview/tpl/settings_features.tpl49
2 files changed, 31 insertions, 20 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 787deb6ea..87e12a9b3 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1938,6 +1938,8 @@ nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{
color: #31708f;
background-color: #d9edf7;
margin-bottom: 3px;
+ border-radius: $radiuspx;
+ text-align: center;
}
.section-content-wrapper {
padding: 7px 10px;
diff --git a/view/tpl/settings_features.tpl b/view/tpl/settings_features.tpl
index 3ede4c76d..75eb34fb9 100755
--- a/view/tpl/settings_features.tpl
+++ b/view/tpl/settings_features.tpl
@@ -1,21 +1,30 @@
-<div class="generic-content-wrapper-styled">
-<h1>{{$title}}</h1>
-
-
-<form action="settings/features" method="post" autocomplete="off">
-<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
-
-{{foreach $features as $f}}
-<h3 class="settings-heading">{{$f.0}}</h3>
-
-{{foreach $f.1 as $fcat}}
- {{include file="field_checkbox.tpl" field=$fcat}}
-{{/foreach}}
-{{/foreach}}
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="submit" class="settings-features-submit" value="{{$submit}}" />
-</div>
-
-</form>
+<div class="generic-content-wrapper">
+ <div class="section-title-wrapper">
+ <h2>{{$title}}</h2>
+ </div>
+ <form action="settings/features" method="post" autocomplete="off">
+ <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
+ <div class="panel-group" id="settings" role="tablist" aria-multiselectable="true">
+ {{foreach $features as $g => $f}}
+ <div class="panel">
+ <div class="section-subtitle-wrapper" role="tab" id="{{$g}}-settings-title">
+ <h3>
+ <a data-toggle="collapse" data-parent="#settings" href="#{{$g}}-settings-content" aria-expanded="true" aria-controls="{{$g}}-settings-collapse">
+ {{$f.0}}
+ </a>
+ </h3>
+ </div>
+ <div id="{{$g}}-settings-content" class="panel-collapse collapse{{if $g == 'general'}} in{{/if}}" role="tabpanel" aria-labelledby="{{$g}}-settings-title">
+ <div class="section-content-tools-wrapper">
+ {{foreach $f.1 as $fcat}}
+ {{include file="field_checkbox.tpl" field=$fcat}}
+ {{/foreach}}
+ <div class="settings-submit-wrapper" >
+ <button type="submit" name="submit" class="btn btn-primary">{{$submit}}</button>
+ </div>
+ </div>
+ </div>
+ </div>
+ {{/foreach}}
+ </div>
</div>