Volodymyr Tkach 2 years ago
parent
commit
34bed8ffc2
2 changed files with 25 additions and 5 deletions
  1. 16 4
      css/layouts/cp/base.css
  2. 9 1
      css/layouts/cp/example.html

+ 16 - 4
css/layouts/cp/base.css

@@ -40,6 +40,22 @@ body.cp.loading header:before {
 	z-index: 1;
 }
 
+body.cp header .sidebar,
+body.cp header .content {
+	height: 100%;
+	position: relative;
+	vertical-align: top;
+}
+
+body.cp header .sidebar {
+	float: left;
+	width: 250px;
+}
+
+body.cp header .sidebar.right {
+	float: right;
+}
+
 body.cp .wrap {
 	align-items: stretch;
 	display: block;
@@ -67,10 +83,6 @@ body.cp .wrap .sidebar {
 	width: 250px;
 }
 
-body.cp .wrap .sidebar.left {
-	float: left;
-}
-
 body.cp .wrap .sidebar.right {
 	float: right;
 }

+ 9 - 1
css/layouts/cp/example.html

@@ -10,7 +10,15 @@
 	</head>
 	<body class="cp loading">
 		<header>
-			Text
+			<div class="sidebar left">
+				Sidebar 1
+			</div>
+			<div class="sidebar right">
+				Sidebar 2
+			</div>
+			<div class="content">
+				Content
+			</div>
 		</header>
 		<div class="wrap">
 			<div class="sidebar left">