if lg members or subgroups is empty, add css class and remove padding

ilios · Aug 9, 2024 · 667f037 · 667f037
1 parent 102119a
commit 667f037
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/packages/frontend/app/components/learner-group/members.hbs b/packages/frontend/app/components/learner-group/members.hbs
@@ -1,6 +1,6 @@
 {{#let (unique-id) as |templateId|}}
   <div
-    class="learner-group-members"
+    class="learner-group-members{{if (eq this.usersInGroup.length 0) " empty"}}"
     data-test-learner-group-members
   >
     {{#if this.usersInGroup.length}}

diff --git a/packages/frontend/app/components/learner-group/root.hbs b/packages/frontend/app/components/learner-group/root.hbs
@@ -241,7 +241,7 @@
               </div>
             {{/if}}
           </div>
-          <div class="list">
+          <div class="list{{if (eq @learnerGroup.childrenCount 0) " empty"}}">
            {{#if @learnerGroup.childrenCount}}
               <LearnerGroup::List
                 @learnerGroups={{this.learnerGroups}}

diff --git a/packages/frontend/app/styles/components/programs/list.scss b/packages/frontend/app/styles/components/programs/list.scss
@@ -2,4 +2,8 @@
 
 .list {
   @include m.main-list-box-table;
+
+  &.empty {
+    padding: 0;
+  }
 }
diff --git a/packages/ilios-common/app/styles/ilios-common/mixins/detail-container.scss b/packages/ilios-common/app/styles/ilios-common/mixins/detail-container.scss
@@ -8,6 +8,11 @@
   margin: 0;
   min-height: 2rem;
   padding: 1rem 0;
+
+  &.empty {
+    min-height: auto;
+    padding-bottom: 0;
+  }
 }
 
 @mixin detail-container-title-style() {