Add relation-inset class, fixes relation-flush

sbardt · Dec 18, 2015 · 01b2d0d · 01b2d0d
1 parent 55bceba
commit 01b2d0d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/modules/backend/behaviors/relationcontroller/assets/css/relation.css b/modules/backend/behaviors/relationcontroller/assets/css/relation.css
@@ -28,6 +28,13 @@
 .relation-behavior .control-list:last-child > table {
   margin-bottom: 0;
 }
+.relation-flush .control-list {
+  border-top: none;
+}
+.relation-inset {
+  margin-left: -20px;
+  margin-right: -20px;
+}
 .form-group > .relation-behavior .control-toolbar {
   padding: 0 0 10px 0;
 }
diff --git a/modules/backend/behaviors/relationcontroller/assets/less/relation.less b/modules/backend/behaviors/relationcontroller/assets/less/relation.less
@@ -41,7 +41,17 @@
 }
 
 // Relation manager to sit flush to the element above
-.relation-flush { }
+.relation-flush {
+    .control-list {
+        border-top: none;
+    }
+}
+
+// Relation manager to sit inset the standard padding (20px)
+.relation-inset {
+    margin-left: -20px;
+    margin-right: -20px;
+}
 
 // Displayed in a form field
 .form-group > .relation-behavior {