Hide group header if only one group is presented

This commit is contained in:
Niels Lyngsø
2020-04-01 15:29:58 +02:00
parent d6cad31750
commit 9bdb0cb1b8
2 changed files with 12 additions and 5 deletions
@@ -4,7 +4,7 @@
<i class="icon {{block.content.icon}}"></i>
<span>{{block.label}}</span>
</button>
<div class="blockelement-inlineblock-editor__inner" ng-if="block.isOpen === true">
<div class="blockelement-inlineblock-editor__inner" ng-class="{'--singleGroup':block.content.variants[0].tabs.length === 1}" ng-if="block.isOpen === true">
<umb-element-editor-content model="block.content"></umb-element-editor-content>
</div>
</div>
@@ -56,13 +56,20 @@
.blockelement-inlineblock-editor__inner {
border-top: 1px solid @gray-8;
background-color: @gray-12;
.umb-group-panel {
> * > * > * > .umb-group-panel {
background-color: transparent;
box-shadow: none;
margin-top: 10px;
margin-bottom: 0;
> .umb-group-panel__content > .umb-property {
margin-bottom: 10px;
}
}
.umb-group-panel__header {
display:none;
.umb-group-panel + .umb-group-panel {
margin-top: 20px;
}
&.--singleGroup > * > * > * > .umb-group-panel .umb-group-panel__header {
display: none;
}
}