Bug 1318935 - Improve btn/menu layout in Admin page (#1988)

* Bug 1318935 - Improve btn/menu layout in Admin page

* Bug 1318935 - Use Treeherder Admin menu-name in css name
This commit is contained in:
Jonathan French 2016-11-23 16:27:22 -05:00 коммит произвёл camd
Родитель 0e8f0572cd
Коммит 07478d1852
4 изменённых файлов: 35 добавлений и 9 удалений

Просмотреть файл

@ -3,12 +3,12 @@
<head>
<meta charset="utf-8">
<title>Treeherder Admin</title>
<!-- build:css css/admin.min.css -->
<!-- build:css css/treeherder-admin.min.css -->
<link href="vendor/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="vendor/css/font-awesome.css" rel="stylesheet" media="screen">
<link href="css/treeherder-admin.css" rel="stylesheet" media="screen">
<link href="css/treeherder-navbar.css" rel="stylesheet" media="screen">
<link href="css/treeherder-notifications.css" rel="stylesheet" type="text/css">
<link href="css/admin.css" rel="stylesheet" media="screen">
<!-- endbuild -->
<link id="favicon" type="image/png" rel="shortcut icon" href="img/favicon-wrench.ico">
<style>
@ -16,7 +16,7 @@
</head>
<body>
<nav id="th-global-navbar" class="navbar navbar-inverse" role="navigation">
<div id="th-global-navbar-top" class="navbar navbar-collapse">
<div id="th-global-navbar-top" class="navbar-collapse collapse">
<span class="dropdown">
<button id="th-logo"
title="Treeherder services" role="button"

Просмотреть файл

@ -1,3 +1,15 @@
/*
* Admin settings
*
* This file contains settings specific to our Admin page
* or duplication from treeherder-global.css. Referencing -global
* in admin.html would break other Admin page layout and much of -global
* is not currently neeeded.
*
* Please consider the appropriate css file and attribute location
* when adding new styles.
*/
.action-buttons {
float: right;
margin: 5px;
@ -33,6 +45,11 @@
background: #fff;
}
.admin-action-btn {
margin-top: 5px;
margin-right: 5px;
}
.text-btn {
color: #337ab7;
}
@ -97,6 +114,7 @@
min-width: 100%;
border: none;
}
.btn-move {
margin: 165px 5px 5px 5px;
}
@ -109,3 +127,11 @@
.form-group-inline > .form-group {
vertical-align: top;
}
.icon-menu li a span {
width: 20px;
}
.midgray, .midgray a {
color: gray;
}

Просмотреть файл

@ -57,16 +57,16 @@
<div class="form-group-inline">
<div class="form-group">
<a ui-sref="exclusions()"
class="btn btn-sm btn-default pull right">Cancel</a>
class="btn btn-sm btn-default pull right admin-action-btn">Cancel</a>
</div>
<div class="form-group">
<button ng-click="resetExclusion()" type="submit"
class="btn btn-sm btn-danger pull right">Clear</button>
class="btn btn-sm btn-danger pull right admin-action-btn">Clear</button>
</div>
<div class="form-group">
<button ng-click="thJobExclusionsForm.$valid && saveExclusion(form_exclusion)"
type="submit"
class="btn btn-sm btn-success pull right">Save</button>
class="btn btn-sm btn-success pull right admin-action-btn">Save</button>
</div>
</div>
</div>

Просмотреть файл

@ -19,15 +19,15 @@
<div class="form-group-inline">
<div class="form-group">
<a ui-sref="profiles"
class="btn btn-sm btn-default pull right">Cancel</a>
class="btn btn-sm btn-default pull right admin-action-btn">Cancel</a>
</div>
<div class="form-group">
<button ng-click="resetProfile()" type="submit"
class="btn btn-sm btn-danger pull right">Clear</button>
class="btn btn-sm btn-danger pull right admin-action-btn">Clear</button>
</div>
<div class="form-group">
<button ng-click="saveProfile(form_profile)" type="submit"
class="btn btn-sm btn-success pull right">Save</button>
class="btn btn-sm btn-success pull right admin-action-btn">Save</button>
</div>
</div>
</div>