diff options
| author | Mario Vavti <mario@mariovavti.com> | 2015-03-04 09:54:33 +0100 |
|---|---|---|
| committer | Mario Vavti <mario@mariovavti.com> | 2015-03-04 09:54:33 +0100 |
| commit | 6d30abe4bf4a92961f103f1ae899a2ef49a6d607 (patch) | |
| tree | b9ad9ea048ddcd25739503c321ad8631ea4f2900 | |
| parent | df90677f900a1a6ed496628545a8e109700e168b (diff) | |
| download | volse-hubzilla-6d30abe4bf4a92961f103f1ae899a2ef49a6d607.tar.gz volse-hubzilla-6d30abe4bf4a92961f103f1ae899a2ef49a6d607.tar.bz2 volse-hubzilla-6d30abe4bf4a92961f103f1ae899a2ef49a6d607.zip | |
Accordionize feature settings
| -rw-r--r-- | view/theme/redbasic/css/style.css | 2 | ||||
| -rwxr-xr-x | view/tpl/settings_features.tpl | 49 |
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> |