[frio] Make whole ACL panel heading clickable to change visibility panel

- Addresses https://libranet.de/display/0b6b25a8-155d-e27f-6cc4-2e4568491578

diff --git a/view/templates/acl_selector.tpl b/view/templates/acl_selector.tpl
index 21b28d5d7aeb67d5bd96b2b9b214bc216cf86015..4da7862bb12adac14e7feb62e2c4fce1b843e580 100644 (file)
--- a/view/templates/acl_selector.tpl
+++ b/view/templates/acl_selector.tpl
@@ -1,12 +1,10 @@
 <div id="acl-wrapper">
        <div class="panel-group" id="visibility-accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-success">
-                       <div class="panel-heading{{if $visibility != 'public'}} collapsed{{/if}}" id="visibility-public-heading" aria-expanded="{{if $visibility == 'public'}}true{{else}}false{{/if}}">
-                               <label>
-                                       <input type="radio" name="visibility" id="visibility-public" value="public" tabindex="14" {{if $visibility == 'public'}}checked{{/if}}>
-                                       <i class="fa fa-globe"></i> {{$public_title}}
-                               </label>
-                       </div>
+                       <label class="panel-heading{{if $visibility != 'public'}} collapsed{{/if}}" id="visibility-public-heading" aria-expanded="{{if $visibility == 'public'}}true{{else}}false{{/if}}">
+                               <input type="radio" name="visibility" id="visibility-public" value="public" tabindex="14" {{if $visibility == 'public'}}checked{{/if}}>
+                               <i class="fa fa-globe"></i> {{$public_title}}
+                       </label>
                        <fieldset id="visibility-public-panel" class="panel-collapse collapse{{if $visibility == 'public'}} in{{/if}}" role="tabpanel" aria-labelledby="visibility-public-heading" {{if $visibility != 'public'}}disabled{{/if}}>
                                <div class="panel-body">
                                        <p>{{$public_desc}}</p>
@@ -41,12 +39,10 @@
                        </fieldset>
                </div>
                <div class="panel panel-info">
-                       <div class="panel-heading{{if $visibility != 'custom'}} collapsed{{/if}}" id="visibility-custom-heading" aria-expanded="{{if $visibility == 'custom'}}true{{else}}false{{/if}}">
-                               <label>
-                                       <input type="radio" name="visibility" id="visibility-custom" value="custom" tabindex="15" {{if $visibility == 'custom'}}checked{{/if}}>
-                                       <i class="fa fa-lock"></i> {{$custom_title}}
-                               </label>
-                       </div>
+                       <label class="panel-heading{{if $visibility != 'custom'}} collapsed{{/if}}" id="visibility-custom-heading" aria-expanded="{{if $visibility == 'custom'}}true{{else}}false{{/if}}">
+                               <input type="radio" name="visibility" id="visibility-custom" value="custom" tabindex="15" {{if $visibility == 'custom'}}checked{{/if}}>
+                               <i class="fa fa-lock"></i> {{$custom_title}}
+                       </label>
                        <fieldset id="visibility-custom-panel" class="panel-collapse collapse{{if $visibility == 'custom'}} in{{/if}}" role="tabpanel" aria-labelledby="visibility-custom-heading" {{if $visibility != 'custom'}}disabled{{/if}}>
                                <input type="hidden" name="group_allow" value="{{$group_allow}}"/>
                                <input type="hidden" name="contact_allow" value="{{$contact_allow}}"/>

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 630a92fb276d51477270121113afcb23507340c6..5926b3b53543b09158ba2eca23e4ba19f1419a2b 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1466,6 +1466,12 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
     content: "\f09c";
 }
 
+#acl-wrapper label.panel-heading {
+       display: block;
+       margin-bottom: 0;
+       cursor: pointer;
+}
+
 /* Filebrowser */
 .fbrowser .breadcrumb {
     margin-bottom: 0px;