diff --git a/awx/static/favicon.ico b/awx/static/favicon.ico index 31b759caf9..5c6280873a 100644 Binary files a/awx/static/favicon.ico and b/awx/static/favicon.ico differ diff --git a/awx/ui/client/assets/favicon.ico b/awx/ui/client/assets/favicon.ico index f53629b961..41132fb823 100644 Binary files a/awx/ui/client/assets/favicon.ico and b/awx/ui/client/assets/favicon.ico differ diff --git a/awx/ui/client/legacy-styles/ansible-ui.less b/awx/ui/client/legacy-styles/ansible-ui.less index 287e92b690..d9a319a298 100644 --- a/awx/ui/client/legacy-styles/ansible-ui.less +++ b/awx/ui/client/legacy-styles/ansible-ui.less @@ -1891,6 +1891,7 @@ tr td button i { .nvtooltip { border-radius: 4px; + padding: 10px; } .nvtooltip td.value { diff --git a/awx/ui/client/legacy-styles/jquery-ui-overrides.less b/awx/ui/client/legacy-styles/jquery-ui-overrides.less index f9748fc807..826b77e711 100644 --- a/awx/ui/client/legacy-styles/jquery-ui-overrides.less +++ b/awx/ui/client/legacy-styles/jquery-ui-overrides.less @@ -8,6 +8,7 @@ * */ +@import "awx/ui/client/src/shared/branding/colors.default.less"; table.ui-datepicker-calendar { background-color: @well; @@ -174,6 +175,7 @@ table.ui-datepicker-calendar { .dropdown-menu>li>a { color: @black; + color: @default-interface-txt } .pagination .active { diff --git a/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less b/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less index a29476fd90..cd563cfff3 100644 --- a/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less +++ b/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less @@ -42,6 +42,52 @@ } } +@media only screen and (max-width: 360px) { + .DashboardCounts-label { + font-size: 10px; + } + + .DashboardList-headerText { + white-space: normal; + line-height: 22px; + padding-top: 10px; + } + + .DashboardList-timeCell { + white-space: normal; + } +} + +.DashboardGraphs-filteringDropdowns { + display: inherit; +} + +@media only screen and (max-width: 540px) { + .DashboardGraphs-filteringDropdowns { + float: left; + width: 100%; + } + + .DashboardGraphs-filterLabel { + width: 50%; + float:left; + } + + .DashboardGraphs-periodDropdown { + width: 50%; + float: left; + } + + .DashboardList-container { + th { + width: 25%; + white-space: nowrap; + } + } +} + + + .DashboardCounts-buttonStyle:hover { background-color: @db-count-succ; border-color: @db-count-succ; diff --git a/awx/ui/client/src/dashboard/dashboard.block.less b/awx/ui/client/src/dashboard/dashboard.block.less index 75d9525040..286ee0c406 100644 --- a/awx/ui/client/src/dashboard/dashboard.block.less +++ b/awx/ui/client/src/dashboard/dashboard.block.less @@ -18,6 +18,24 @@ width: 100%; } +.DashboardGraphs-filterDropdownItems { + li > a { + color: @default-interface-txt; + } +} + +#status-dropdown + ul.dropdown-menu { + margin-left: -96px; +} + +#type-dropdown + ul.dropdown-menu { + margin-left: -95px; +} + +#period-dropdown + ul.dropdown-menu { + margin-left: -40px; +} + .Dashboard-list { border: 1px solid @default-border; border-radius: 5px; diff --git a/awx/ui/client/src/dashboard/graphs/dashboard-graphs.partial.html b/awx/ui/client/src/dashboard/graphs/dashboard-graphs.partial.html index 663a53b8ff..62e8ffe02d 100644 --- a/awx/ui/client/src/dashboard/graphs/dashboard-graphs.partial.html +++ b/awx/ui/client/src/dashboard/graphs/dashboard-graphs.partial.html @@ -4,74 +4,80 @@ JOB STATUS