Hide caption variants select if only one item

Also hide separator if last child of configuration editor tab.
codevise · Nov 29, 2024 · c45ae07 · c45ae07
1 parent 22bedc4
commit c45ae07
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 14 deletions.
diff --git a/app/assets/stylesheets/pageflow/ui/forms.scss b/app/assets/stylesheets/pageflow/ui/forms.scss
@@ -121,6 +121,10 @@ textarea.short {
   .separator {
     border-top: solid 1px var(--ui-on-surface-color-lightest);
     margin: space(4) 0;
+
+    &:last-child {
+      display: none;
+    }
   }
 }
 

diff --git a/...ed/package/src/editor/views/configurationEditors/groups/CommonContentElementAttributes.js b/...ed/package/src/editor/views/configurationEditors/groups/CommonContentElementAttributes.js
@@ -125,19 +125,21 @@ ConfigurationEditorTabView.groups.define(
       name: 'figureCaption'
     });
 
-    this.input('captionVariant', SelectInputView, {
-      attributeTranslationKeyPrefixes: [
-        'pageflow_scrolled.editor.common_content_element_attributes'
-      ],
-      includeBlank: true,
-      blankTranslationKey: 'pageflow_scrolled.editor.' +
-                           'common_content_element_attributes.' +
-                           'captionVariant.blank',
-      values: variants,
-      texts,
-      disabledBindingModel: this.model.parent.transientState,
-      disabledBinding: 'hasCaption',
-      disabled: hasCaption => disableWhenNoCaption && !hasCaption
-    });
+    if (variants.length) {
+      this.input('captionVariant', SelectInputView, {
+        attributeTranslationKeyPrefixes: [
+          'pageflow_scrolled.editor.common_content_element_attributes'
+        ],
+        includeBlank: true,
+        blankTranslationKey: 'pageflow_scrolled.editor.' +
+                             'common_content_element_attributes.' +
+                             'captionVariant.blank',
+        values: variants,
+        texts,
+        disabledBindingModel: this.model.parent.transientState,
+        disabledBinding: 'hasCaption',
+        disabled: hasCaption => disableWhenNoCaption && !hasCaption
+      });
+    }
   }
 );