Ver Fonte

ux(settings_meta): move create new button to bottom of page

bergquist há 9 anos atrás
pai
commit
65711f4bfe
1 ficheiros alterados com 21 adições e 59 exclusões
  1. 21 59
      public/app/features/dashboard/partials/settings.html

+ 21 - 59
public/app/features/dashboard/partials/settings.html

@@ -91,68 +91,30 @@
 	</div>
 
 	<div ng-if="editor.index == 4">
-		<div class="row">
-			<h5>Dashboard info</h5>
-			<div class="pull-left tight-form">
-				<div class="tight-form">
-					<ul class="tight-form-list">
-						<li class="tight-form-item" style="width: 120px">
-							Last updated at:
-						</li>
-						<li class="tight-form-item" style="width: 180px">
-							{{formatDate(dashboardMeta.updated)}}
-						</li>
-					</ul>
-					<div class="clearfix"></div>
-				</div>
-				<div class="tight-form">
-					<ul class="tight-form-list">
-						<li class="tight-form-item" style="width: 120px">
-							Last updated by:
-						</li>
-						<li class="tight-form-item" style="width: 180px">
-							{{dashboardMeta.updatedBy}}
-						</li>
-					</ul>
-					<div class="clearfix"></div>
-				</div>
-				<div class="tight-form">
-					<ul class="tight-form-list">
-						<li class="tight-form-item" style="width: 120px">
-							Created at:
-						</li>
-						<li class="tight-form-item" style="width: 180px">
-							{{formatDate(dashboardMeta.created)}}
-						</li>
-					</ul>
-					<div class="clearfix"></div>
-				</div>
-				<div class="tight-form">
-					<ul class="tight-form-list">
-						<li class="tight-form-item" style="width: 120px">
-							Created by:
-						</li>
-						<li class="tight-form-item" style="width: 180px">
-							{{dashboardMeta.createdBy}}
-						</li>
-					</ul>
-					<div class="clearfix"></div>
-				</div>
-				<div class="tight-form">
-					<ul class="tight-form-list">
-						<li class="tight-form-item" style="width: 120px">
-							Current version:
-						</li>
-						<li class="tight-form-item" style="width: 180px">
-							{{dashboardMeta.version}}
-						</li>
-					</ul>
-					<div class="clearfix"></div>
-				</div>
+		<h5 class="section-heading">Dashboard info</h5>
+		<div class="gf-form-group">
+			<div class="gf-form">
+				<span class="gf-form-label width-10">Last updated at:</span>
+				<span class="gf-form-label width-18">{{formatDate(dashboardMeta.updated)}}</span>
+			</div>
+			<div class="gf-form">
+				<span class="gf-form-label width-10">Last updated by:</span>
+				<span class="gf-form-label width-18">{{dashboardMeta.updatedBy}}</span>
+			</div>
+			<div class="gf-form">
+				<span class="gf-form-label width-10">Created at:</span>
+				<span class="gf-form-label width-18">{{formatDate(dashboardMeta.created)}}</span>
+			</div>
+			<div class="gf-form">
+				<span class="gf-form-label width-10">Created by:</span>
+				<span class="gf-form-label width-18">{{dashboardMeta.createdBy}}</span>
+			</div>
+			<div class="gf-form">
+				<span class="gf-form-label width-10">Current version:</span>
+				<span class="gf-form-label width-18">{{dashboardMeta.version}}</span>
 			</div>
 		</div>
 	</div>
-
 </div>
 
 <div class="clearfix"></div>