Drop main modalAdmin tabs for smaller screens

silverstripe · Jun 15, 2017 · 89e82dc · 89e82dc
1 parent 77b7033
commit 89e82dc
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css
diff --git a/client/src/styles/legacy/_style.scss b/client/src/styles/legacy/_style.scss
@@ -146,6 +146,25 @@ body.cms {
   }
 }
 
+.cms-content-header {
+
+	@include media-breakpoint-down(sm) {
+		.cms-content-header-nav {
+			display: block;
+		}
+
+		// CMS admin
+		.cms-content-header-nav .breadcrumbs-wrapper,
+		.cms-content-header-nav .cms-content-header-tabs,
+		// Model admin
+		.breadcrumbs-wrapper,
+		.cms-content-header-tabs,
+		.cms-content-header-info {
+			float: none;
+		}
+	}
+}
+
 .cms-edit-form.CMSMain {
   padding: 0;
 }