External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-12 18:40:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

adding css/less files and html files for portal

Browse Source 
adding css and html files for the portal mode
This commit is contained in:
Jared Tabor 2014-10-15 17:07:05 -04:00
parent 33ad0c7612
commit b224f0abce
3 changed files with 66 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
awx/ui/static/less/ansible-ui.less
View File

@ -60,7 +60,8 @@
@import "lists.less";
@import "new-dashboard.less";
@import "jPushMenu.less";
@import "survey-maker.less";
@import "survey-maker.less";
@import "portal.less";
/* Bootstrap fix that's causing a right margin to appear
whenver a modal is opened */

39
awx/ui/static/less/portal.less Normal file
View File

@ -0,0 +1,39 @@
/*********************************************
* Copyright (c) 2014 AnsibleWorks, Inc.
*
* portal.css
*
* custom styles for poral mode
*
*/
.portal-container{
border: 1px solid @grey;
border-radius: 4px;
padding: 5px;
}
.portal-header{
margin: 5px;
margin-left: 10px;
font-size: 14px;
font-weight: bold;
}
#portal-jobs{
margin-top: 20px;
}
@media (min-width: 769px) {
.left-side {
padding-right: 7px;
}
.right-side {
padding-left: px;
}
}

27
awx/ui/static/partials/portal.html
View File

@ -1,3 +1,26 @@
<div class="tab-pane" id="portal">
<div ng-cloak id="htmlTemplate"></div>
<div class="tab-pane" >
<div ng-cloak id="portal-landing">
<div id="refresh-row" class="row">
<div class="col-lg-12">
<div id="portal-list-actions" class="list-actions pull-right">
</div>
</div>
</div>
<div class="row">
<div class="left-side col-sm-6 col-xs-12">
<div class="portal-container">
<span class="portal-header">Job Templates</span>
<div id="portal-job-template" >
</div>
</div>
</div>
<div class="right-side col-sm-6 col-xs-12">
<div class="portal-container ">
<span class="portal-header">Jobs</span>
<div id="portal-jobs" >
</div>
</div>
</div>
</div>
</div>
</div>