Fixes #184 (#185)

ThomasBleijendaal · Oct 9, 2022 · 6ced992 · 6ced992
1 parent d17ce98
commit 6ced992
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/RapidCMS.UI/Components/Sections/BlockSection.razor b/src/RapidCMS.UI/Components/Sections/BlockSection.razor
@@ -51,13 +51,13 @@
         }
         else if (element is SubCollectionUI subCollection)
         {
-            <div class="nested-content">
+            <div class="nested-content @(Section.Elements.Count == 1 ? "single-nested-content" : "")">
                 <RootSection InitialState="@subCollection.NestedNavigationState" />
             </div>
         }
         else if (element is RelatedCollectionUI relatedCollection)
         {
-            <div class="nested-content">
+            <div class="nested-content @(Section.Elements.Count == 1 ? "single-nested-content" : "")">
                 <RootSection InitialState="@relatedCollection.NestedNavigationState" />
             </div>
         }

diff --git a/src/RapidCMS.UI/wwwroot/css/site.css b/src/RapidCMS.UI/wwwroot/css/site.css
@@ -346,6 +346,12 @@ thead td:hover .icon {
 .content .content {
 }
 
+.single-nested-content > .content {
+    padding: 0 !important;
+    margin: 0 !important;
+    box-shadow: none !important;
+}
+
 .navbar-toggler {
     background-color: rgba(255, 255, 255, 0.1);
 }
@@ -489,10 +495,11 @@ textarea.form-control {
     .form-check.form-check-inline {
         padding: .25rem 1rem .25rem 0;
     }
-    .form-check.form-check-inline .form-check-input {
-        margin-top: .3rem;
-        margin-left: -.25rem;
-    }
+
+        .form-check.form-check-inline .form-check-input {
+            margin-top: .3rem;
+            margin-left: -.25rem;
+        }
 
 pre.col-form-label {
     height: auto !important;