Misc Fixes

Style fixes for accordions, menu title (when menu collapses), refresh button on jobs page, sizing of refresh button icon on job detail page.
This commit is contained in:
Chris Houseknecht 2014-07-22 15:56:16 -04:00
parent 0e2d84d663
commit 210edea9f0
6 changed files with 29 additions and 18 deletions

View File

@ -455,9 +455,6 @@ angular.module('Tower', [
if (urlDepth === 1 && base !== 'home') {
$('#ansible-list-title').html('<strong>' + base.replace(/\_/,' ') + '</strong>');
}
else {
$('#ansible-list-title').empty();
}
$('#ansible-main-menu li').each(function() {
$(this).removeClass('active');

View File

@ -515,6 +515,12 @@ dd {
margin-bottom: 10px;
}
.aw-form-well {
border: 1px solid @grey;
padding: 9px;
border-radius: 4px;
}
.form-group {
margin-bottom: 25px;
}

View File

@ -83,15 +83,15 @@
.job_summary {
.table {
margin-bottom: 0;
border: 1px solid @well-border;
border: 1px solid @grey;
background-color: @white;
}
.table>tbody>tr>td {
border-top-color: @well-border;
border-top-color: @grey;
padding-bottom: 0;
}
.table>thead>tr>th {
border-bottom-color: @well-border;
border-bottom-color: @grey;
padding-bottom: 0;
height: 22px;
}
@ -167,7 +167,7 @@
.job_well {
padding: 8px;
background-color: @white;
border: 1px solid @well-border;
border: 1px solid @grey;
border-radius: 4px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);*/
@ -281,7 +281,7 @@
overflow-y: auto;
background-color: @white;
.row {
border-top: 1px solid @well-border;
border-top: 1px solid @grey;
}
.row:first-child {
border: none;
@ -525,7 +525,7 @@
#pre-formatted-variables {
border-radius: 4px;
border: 1px solid @well-border;
border: 1px solid @grey;
overflow: auto;
white-space: pre;
word-break: break-all;

View File

@ -124,15 +124,20 @@ table.ui-datepicker-calendar {
}
}
.ui-state-active,
.ui-state-default {
background-image: none;
background-color: @white;
border: 1px solid @well-border;
border: 1px solid @grey;
}
.ui-state-active {
background-image: none;
background-color: #f5f5f5;
}
.ui-widget-content {
border: 1px solid @well-border;
border: 1px solid @grey;
}
.ui-spinner a.ui-spinner-button {

View File

@ -16,7 +16,8 @@
<div class="row">
<div class="col-md-12 text-right">
<a href="/#/jobs/{{ job_id }}/stdout" id="view-stdout-button" target="_blank" type="button" class="btn btn-primary btn-xs" aw-tool-tip="View standard out. Opens in new tab or window." data-placement="top"><i class="fa fa-external-link"></i></a>
<button type="button" class="btn btn-xs btn-primary ng-hide" ng-click="refresh()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" ng-show="socketStatus == 'error'" data-original-title="" title=""><i class="fa fa-refresh fa-lg"></i> </button>
<button type="button" class="btn btn-xs btn-primary ng-hide" ng-click="refresh()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" ng-show="socketStatus == 'error'"
data-original-title="" title=""><i class="fa fa-refresh"></i></button>
<a href="" ng-click="deleteJob()" id="cancel-job-button" ng-show="job_status.status == 'running'" type="button" class="btn btn-primary btn-xs" aw-tool-tip="Cancel" data-placement="top"><i class="fa fa-minus-circle"></i></a>
<a href="" ng-click="deleteJob()" id="delete-job-button" ng-show="job_status.status != 'running'" type="button" class="btn btn-primary btn-xs" aw-tool-tip="Delete" data-placement="top"><i class="fa fa-trash-o"></i></a>
<a href="" ng-click="relaunchJob()" id="relaunch-job-button" type="button" class="btn btn-primary btn-xs" aw-tool-tip="Relaunch using the same parameters" data-placement="top"><i class="fa fa-rocket"></i></a>

View File

@ -4,12 +4,14 @@
<div class="col-md-12" id="breadcrumbs"></div>
</div>
<div id="refresh-row" class="row">
<div id="refresh-row" class="row" ng-show="socketStatus == 'error'">
<div class="col-lg-12">
<div id="home-list-actions" class="list-actions pull-right">
<button type="button" class="btn btn-xs btn-primary ng-hide" ng-click="refreshJobs()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" ng-show="socketStatus == 'error'" data-original-title="" title=""><i class="fa fa-refresh fa-lg"></i> </button></div>
</div>
</div>
<div id="home-list-actions" class="list-actions pull-right">
<button type="button" class="btn btn-xs btn-primary" ng-click="refreshJobs()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top"
data-original-title="" title=""><i class="fa fa-refresh fa-lg"></i></button>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 left-side">