diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue index 904130a43b..016be8f3c7 100644 --- a/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue +++ b/contentcuration/contentcuration/frontend/channelEdit/components/edit/DetailsTabView.vue @@ -34,6 +34,7 @@ /> - + - + @@ -196,6 +203,7 @@ node.kind !== ContentKindsNames.AUDIO && node.kind !== ContentKindsNames.TOPIC + return ( + this.oneSelected && + this.nodes.every( + node => node.kind !== ContentKindsNames.AUDIO && node.kind !== ContentKindsNames.TOPIC + ) ); }, audioAccessibility() { @@ -719,6 +730,11 @@ videoSelected() { return this.oneSelected && this.firstNode.kind === ContentKindsNames.VIDEO; }, + // Dynamically compute the size of the VFlex used + /* eslint-disable-next-line kolibri/vue-no-unused-properties */ + mdValue() { + return this.oneSelected ? 'md6' : 'md12'; + }, }, watch: { nodes: { @@ -907,7 +923,7 @@ } .section .flex { - margin: 24px 0 !important; + margin: 12px 0 !important; } .auth-section {