Event and Planning profile editor doesn't display Groups in Fields (#…

…2074) * add variant prop on toggleBox component * scrolable list style
superdesk · Sep 10, 2024 · c8719c4 · c8719c4
1 parent a36c673
commit c8719c4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/client/components/ContentProfiles/FieldTab/FieldList.tsx b/client/components/ContentProfiles/FieldTab/FieldList.tsx
@@ -194,6 +194,7 @@ export class FieldList extends React.PureComponent<IProps> {
             this.renderList()
         ) : (
             <ToggleBox
+                variant="simple"
                 key={this.props.group._id}
                 title={getProfileGroupNameTranslated(this.props.group)}
                 className="toggle-box--circle toggle-box--no-line"

diff --git a/client/components/ContentProfiles/GroupTab/GroupEditor.tsx b/client/components/ContentProfiles/GroupTab/GroupEditor.tsx
@@ -127,6 +127,7 @@ export class GroupEditor extends React.PureComponent<IProps> {
                             </div>
                             {!this.props.languages?.length ? null : (
                                 <ToggleBox
+                                    variant="simple"
                                     title={gettext('Name Translations')}
                                     className="toggle-box--circle"
                                     initiallyOpen={true}

diff --git a/client/components/SortItems/style.scss b/client/components/SortItems/style.scss
@@ -12,3 +12,13 @@
 .sortable-list__item button {
     padding: 0px !important;
 }
+
+.sd-list-item-group {
+    padding: 4px 4px 18px 4px;
+}
+
+.sd-list-item-group--space-between-items .sortable-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap--small);
+}