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

Fix padding/margin related issues throughout

Browse Source
This commit is contained in:
gconsidine 2017-04-11 13:42:09 -04:00
parent 9747674cb3
commit 810e015ac3
9 changed files with 71 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
awx/ui/client/legacy-styles/lists.less
View File

@ -132,7 +132,7 @@ table, tbody {
font-weight: normal;
padding: 2px 10px;
height: 14px;
margin: 3px 0;
margin: 0;
background-color: @list-title-badge;
border-radius: 5px;
}
@ -146,6 +146,8 @@ table, tbody {
font-size: 14px;
font-weight: bold;
margin-right: 10px;
line-height: 0.8;
text-transform: uppercase;
}
.List-actionHolder {

8
awx/ui/client/src/home/dashboard/lists/dashboard-list.block.less
View File

@ -12,7 +12,7 @@
.DashboardList-header {
display: flex;
border-bottom: 1px solid @list-header-bord;
height: 50px;
margin-top: 20px;
}
.DashboardList-headerText {
@ -21,8 +21,6 @@
font-size: 14px;
font-weight: bold;
color: @list-header-txt;
height: 50px;
line-height: 50px;
white-space: nowrap;
padding-left: 20px;
}
@ -34,12 +32,8 @@
.DashboardList-viewAll {
font-size: 11px;
margin-right: 15px;
margin-top: 13px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.DashboardList-container {

4
awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.block.less
View File

@ -71,10 +71,10 @@
width: 18px;
height: 18px;
width: 18px;
padding-left: 3.8px;
padding: 1px 0 0 4px;
border-radius: 50%;
margin-top: 10px;
font-size: 12px;
font-size: 11px;
background-color: @default-icon;
color: @default-bg;
}

5
awx/ui/client/src/job-results/job-results.block.less
View File

@ -161,6 +161,10 @@
flex-direction: column;
}
.JobResults-panelRight .SmartSearch-bar {
width: 100%;
}
.JobResults-panelRightTitle{
flex-wrap: wrap;
}
@ -203,6 +207,7 @@ job-results-standard-out {
display: flex;
border: 1px solid @d7grey;
border-radius: 5px;
margin-top: 20px;
}
@media screen and (max-width: @breakpoint-md) {
job-results-standard-out {

21
awx/ui/client/src/license/license.block.less
View File

@ -8,7 +8,6 @@
.License-container{
.OnePlusTwo-container;
margin-bottom: 20px;
}
.License-container--missing {
@ -84,14 +83,12 @@
.License-fields{
.OnePlusTwo-left--details;
}
.License-details {
.OnePlusTwo-left--panel(650px);
}
.License-titleText {
.OnePlusTwo-panelHeader;
}
.License-management{
.OnePlusTwo-right--panel(650px);
display: flex;
}
.License-management--missingLicense{
height: auto;
@ -109,11 +106,19 @@
color:@default-bg !important;
}
.License-submit--container{
height: 33px;
position: absolute;
right: 36px;
bottom: 20px;
}
@media (min-width: 900px) {
.License-details {
margin-right: 20px;
}
}
.License-submit--success{
line-height:33px;
margin: 0 10px 0 0;
margin: 0;
}
.License-file--container {
input[type=file] {

12
awx/ui/client/src/license/license.partial.html
View File

@ -2,7 +2,7 @@
ng-class="{'License-container--missing': licenseMissing}">
<div class="License-details" ng-hide="licenseMissing">
<div class="Panel">
<div class="License-titleText" translate>Details</div>
<div class="List-titleText" translate>Details</div>
<div class="License-fields">
<div class="License-field">
<div class="License-field--label" translate>License</div>
@ -73,7 +73,7 @@
</div>
<div class="License-management" ng-class="{'License-management--missingLicense' : licenseMissing}">
<div class="Panel">
<div class="License-titleText">{{title}}</div>
<div class="List-titleText">{{title}}</div>
<div class="License-body">
<div class="License-helperText" ng-if="licenseMissing" translate>Welcome to Ansible Tower! Please complete the steps below to acquire a license.</div>
<div class="AddPermissions-directions" ng-if="licenseMissing">
@ -117,10 +117,10 @@
</label>
</div>
</div>
<div class="License-submit--container">
<button ng-click="submit()" class="btn btn-success pull-right" ng-disabled="newLicense.file.license_key == null || newLicense.eula == null" translate>Submit</button>
<span ng-show="success == true" class="License-greenText License-submit--success pull-right" translate>Save successful!</span>
</div>
<div class="License-submit--container">
<button ng-click="submit()" class="btn btn-success pull-right" ng-disabled="newLicense.file.license_key == null || newLicense.eula == null" translate>Submit</button>
<span ng-show="success == true" class="License-greenText License-submit--success pull-right" translate>Save successful!</span>
</div>
</form>
</div>
</div>

4
awx/ui/client/src/portal-mode/portal-mode.block.less
View File

@ -12,6 +12,10 @@
.List-tableHeader:last-of-type{
text-align:left;
}
.List-header {
height: 20px;
}
}
.PortalMode-panelHeader{
.OnePlusOne-panelHeader;

4
awx/ui/client/src/setup-menu/setup-item.block.less
View File

@ -7,7 +7,7 @@
background-color: @panel-bg;
border-radius: 5px;
border: 1px solid @btn-bord;
min-height: 140px;
min-height: 120px;
padding: 20px;
margin-top: 20px;
transition: background-color 0.2s;
@ -25,12 +25,14 @@
margin-bottom: 15px;
font-weight: 600;
text-transform: uppercase;
margin-top: 0;
}
.SetupItem-description{
font-size: 12px;
color: @default-interface-txt;
text-align: center;
margin-bottom: 0;
}
@media (min-width: 1179px) {

62
awx/ui/client/src/shared/paginate/paginate.block.less
View File

@ -18,35 +18,41 @@
border-color: @list-pagin-bord;
}
.Paginate {
margin-top: 20px;
font-size: 12px !important;
color: @list-pagin-text;
text-transform: uppercase;
display: flex;
justify-content: flex-end;
}
.Paginate {
margin-top: 20px;
font-size: 12px !important;
color: @list-pagin-text;
text-transform: uppercase;
display: flex;
justify-content: flex-end;
}
.Paginate-pager--pageof {
line-height: 22px;
margin-left: 10px;
}
.Paginate-pager--pageof {
line-height: 22px;
margin-left: 10px;
}
.Paginate-wrapper {
display: flex;
flex: 1 0 auto;
}
.Paginate-wrapper {
display: flex;
flex: 1 0 auto;
}
.Paginate-controls {
margin-top: 0;
margin-bottom: 7px;
display: inline-block;
padding-left: 0;
border-radius: 4px;
}
.Paginate-controls {
margin-top: 0;
margin-bottom: 0px;
display: inline-block;
padding-left: 0;
border-radius: 4px;
}
.Paginate-controls--active {
color: #fff !important;
border-color: @default-icon-hov !important;
background-color: @default-icon-hov !important;
}
.Paginate-controls--active {
color: #fff !important;
border-color: @default-icon-hov !important;
background-color: @default-icon-hov !important;
}
.Paginate-total {
display: flex;
align-items: flex-end;
margin-bottom: -2px;
}