From 7d155ee17611abb69d59afc42a8b0964ce6ff042 Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Mon, 2 Oct 2017 15:49:37 +0200
Subject: [PATCH] force visibility of editor controls if a fieldset collapser
 is open

---
 app/less/archetype.less          | 4 ++++
 app/views/archetype.default.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/less/archetype.less b/app/less/archetype.less
index 48a8e52..62bb8e3 100644
--- a/app/less/archetype.less
+++ b/app/less/archetype.less
@@ -232,6 +232,10 @@
             }
         }
 
+        &.is-open > .archetypeFieldsetLabel .archetypeEditorControls {
+            opacity: 1;
+        }
+
         .archetypePropertyError {
             margin-bottom: 5px;
             padding-top: 3px;
diff --git a/app/views/archetype.default.html b/app/views/archetype.default.html
index 9939c6d..591e5a8 100644
--- a/app/views/archetype.default.html
+++ b/app/views/archetype.default.html
@@ -20,7 +20,7 @@
     <!-- Fieldsets. -->
     <ul ui-sortable="sortableOptions" class="archetypeSortable" ng-class="{archetypeEmpty: model.value.fieldsets.length === 0 || sortingLastItem(), archetypeCrossDraggable: model.config.enableCrossDragging}" ng-model="model.value.fieldsets">
         <li ng-repeat="fieldset in model.value.fieldsets">
-            <fieldset ng-class="['archetype-fieldset-' + fieldset.alias, (getFieldsetValidity(fieldset) == false ? 'archetypeFieldsetError' : '')]" ng-init="fieldsetConfigModel = getConfigFieldsetByAlias(fieldset.alias)">
+            <fieldset ng-class="['archetype-fieldset-' + fieldset.alias, (getFieldsetValidity(fieldset) == false ? 'archetypeFieldsetError' : ''), (isCollapsed(fieldset) ? '' : 'is-open')]" ng-init="fieldsetConfigModel = getConfigFieldsetByAlias(fieldset.alias)">
                 <div class="archetypeFieldsetLabel" ng-class="{enableCollapsing: model.config.enableCollapsing, dimmed: isDisabled(fieldset)}">
                     <div ng-click="focusFieldset(fieldset)" class="label-sub module-label">
                         <span class="caret" ng-class="{'caret-right': isCollapsed(fieldset)}" ng-show="model.config.enableCollapsing"></span>