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

IE11 fixes for dashboard

Browse Source
This commit is contained in:
John Mitchell
2015-06-09 22:43:39 -04:00
parent 76e4626fbe
commit ca59314f87
5 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
awx/ui/static/js/dashboard/counts/dashboard-counts.block.less
View File

@@ -30,6 +30,7 @@
margin-bottom: 15px; margin-bottom: 15px;
width: 33%; width: 33%;
flex-basis: ~"calc(33% - 7px)"; flex-basis: ~"calc(33% - 7px)";
max-width: ~"calc(33% - 7px)";
} }
} }

5
awx/ui/static/js/dashboard/dashboard.block.less
View File

@@ -21,13 +21,13 @@
} }
.Dashboard-list { .Dashboard-list {
display: flex;
border: 1px solid #a9a9a9; border: 1px solid #a9a9a9;
border-radius: 4px; border-radius: 4px;
margin-top: 15px; margin-top: 15px;
width: 50%; width: 50%;
padding: 15px; padding: 15px;
flex-basis: ~"calc(50% - 7px)"; max-width: ~"calc(50% - 7px)";
position: relative;
} }
@media only screen and (max-width: 710px) { @media only screen and (max-width: 710px) {
@@ -39,5 +39,6 @@
.Dashboard-list { .Dashboard-list {
flex: initial; flex: initial;
width: 100%; width: 100%;
max-width: 100%;
} }
} }

6
awx/ui/static/js/dashboard/graphs/dashboard-graphs.block.less
View File

@@ -3,8 +3,6 @@
@import "shared/branding/colors.less"; @import "shared/branding/colors.less";
.DashboardGraphs { .DashboardGraphs {
display: flex;
flex-direction: column;
margin-top: 15px; margin-top: 15px;
border: solid 1px #a9a9a9; border: solid 1px #a9a9a9;
border-radius: 4px; border-radius: 4px;
@@ -88,8 +86,8 @@
.DashboardGraphs-filterDropdownItems { .DashboardGraphs-filterDropdownItems {
position: fixed; position: fixed;
left: initial; left: auto;
top: initial; top: auto;
box-shadow: none; box-shadow: none;
} }

12
awx/ui/static/js/dashboard/lists/job-templates/job-templates-list.block.less
View File

@@ -2,8 +2,6 @@
.DashboardJobTemplates { .DashboardJobTemplates {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
} }
.DashboardJobTemplates--noJobTemplates { .DashboardJobTemplates--noJobTemplates {
color: #8d8d8d; color: #8d8d8d;
@@ -17,10 +15,8 @@
.DashboardJobTemplates-container { .DashboardJobTemplates-container {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
width: 100%; width: 100%;
padding-bottom: 15px; padding-bottom: 42px;
} }
.DashboardJobTemplates-item { .DashboardJobTemplates-item {
@@ -44,7 +40,7 @@
.DashboardJobTemplates-seeMore { .DashboardJobTemplates-seeMore {
padding-top: 11px; padding-top: 11px;
padding-bottom: 11px; padding-bottom: 11px;
width: ~"calc(100% + 32px)"; width: ~"calc(100% + 2px)";
margin-left: -16px; margin-left: -16px;
margin-bottom: -16px; margin-bottom: -16px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
@@ -53,6 +49,10 @@
font-size: 17px; font-size: 17px;
text-align: center; text-align: center;
background-color: #1778c3; background-color: #1778c3;
display: block;
position: absolute;
max-width: ~"calc(100% + 2px)";
bottom: 16px;
} }
.DashboardJobTemplates-seeMore:hover { .DashboardJobTemplates-seeMore:hover {

12
awx/ui/static/js/dashboard/lists/jobs/jobs-list.block.less
View File

@@ -2,8 +2,6 @@
.DashboardJobs { .DashboardJobs {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
} }
.DashboardJobs--noJobs { .DashboardJobs--noJobs {
@@ -18,10 +16,8 @@
.DashboardJobs-container { .DashboardJobs-container {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
width: 100%; width: 100%;
padding-bottom: 15px; padding-bottom: 42px;
} }
.DashboardJobs-item { .DashboardJobs-item {
@@ -94,7 +90,7 @@
.DashboardJobs-seeMore { .DashboardJobs-seeMore {
padding-top: 11px; padding-top: 11px;
padding-bottom: 11px; padding-bottom: 11px;
width: ~"calc(100% + 32px)"; width: ~"calc(100% + 2px)";
margin-left: -16px; margin-left: -16px;
margin-bottom: -16px; margin-bottom: -16px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
@@ -103,6 +99,10 @@
font-size: 17px; font-size: 17px;
text-align: center; text-align: center;
background-color: #1778c3; background-color: #1778c3;
display: block;
position: absolute;
max-width: ~"calc(100% + 2px)";
bottom: 16px;
} }
.DashboardJobs-seeMore:hover { .DashboardJobs-seeMore:hover {