From: Hypolite Petovan <hypolite@mrpetovan.com>
Date: Sat, 30 Nov 2019 15:47:25 +0000 (-0500)
Subject: [frio] Make whole ACL panel heading clickable to change visibility panel
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=77abf65b62e77746848c8ee3b75666490eafffdd;p=friendica.git

[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 21b28d5d7a..4da7862bb1 100644
--- 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 630a92fb27..5926b3b535 100644
--- 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;