Browse Source

Admin header actions added.

Rafał Pitoń 11 years ago
parent
commit
c115e02b1c

+ 24 - 1
uiframework/admin/layout.html

@@ -100,11 +100,34 @@
 
     <div class="page-header">
       <div class="container">
+
         <h1>
           <div class="main"><span class="fa fa-road"></span> <a href="#">Lorem ipsum dolor</a></div>
           <div class="sub"><span class="fa fa-chevron-right"></span> Sit amet elit</div>
-          <div class="pull-right">[actions]</div>
         </h1>
+
+        <div class="page-actions">
+
+          <a href="#" class="btn btn-primary">Primary</a>
+          <a href="#" class="btn btn-success">Success</a>
+          <a href="#" class="btn btn-warning">Warning</a>
+          <a href="#" class="btn btn-danger">Danger</a>
+
+          <div class="btn-group">
+            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+              Action <span class="glyphicon glyphicon-chevron-down"></span>
+            </button>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="#">Action</a></li>
+              <li><a href="#">Another action</a></li>
+              <li><a href="#">Something else here</a></li>
+              <li class="divider"></li>
+              <li><a href="#">Separated link</a></li>
+            </ul>
+          </div>
+
+        </div>
+
       </div>
     </div>
 

+ 23 - 17
uiframework/misago/admin/css/misago/header.less

@@ -7,32 +7,38 @@
 //
 //##
 .page-header {
-	border-bottom-width: 1px;
+  border-bottom-width: 1px;
   margin: 0px;
+  margin-bottom: @line-height-computed;
   padding: @line-height-computed 0px;
 
   h1 {
-  	margin: 0px;
-  	padding: 0px;
-  	overflow: visible;
+    margin: 0px;
+    padding: 0px;
+    overflow: visible;
 
-  	font-size: @font-size-large * 1.5;
+    font-size: @font-size-large * 1.5;
 
-  	.main, .sub {
-  		float: left;
-  	}
+    .main, .sub {
+      float: left;
+    }
 
-  	.main {
-  		a {
-  			color: @text-color;
-  		}
-  	}
+    .main {
+      a {
+        color: @text-color;
+      }
+    }
 
-  	.sub {
-  		margin-left: @line-height-computed / 2;
+    .sub {
+      margin-left: @line-height-computed / 2;
 
-  		color: lighten(@text-color, 25%);
-  	}
+      color: lighten(@text-color, 25%);
+    }
+  }
+
+  .page-actions {
+    float: right;
+    margin: -4px 0px;
   }
 }
 

+ 5 - 0
uiframework/misago/admin/css/style.css

@@ -6183,6 +6183,7 @@ body {
 .page-header {
   border-bottom-width: 1px;
   margin: 0px;
+  margin-bottom: 20px;
   padding: 20px 0px;
 }
 .page-header h1 {
@@ -6202,6 +6203,10 @@ body {
   margin-left: 10px;
   color: #848484;
 }
+.page-header .page-actions {
+  float: right;
+  margin: -4px 0px;
+}
 .admin-footer {
   margin-top: 30px;
   margin-bottom: 30px;