Fleet UI: Host/Software pages styling fixes (#8474)

This commit is contained in:
RachelElysia
2022-11-01 15:59:26 -04:00
committed by GitHub
parent 8f21e026e3
commit 797ea6c707
13 changed files with 12 additions and 21 deletions
+1
View File
@@ -0,0 +1 @@
* Update colors, issues icon
@@ -107,7 +107,7 @@
.Select-value {
line-height: 34px;
border: 1px solid $core-dark-blue-grey;
border: 1px solid $ui-fleet-black-75;
margin-top: 5px;
margin-bottom: 0;
}
@@ -176,7 +176,7 @@
.Select-value-label {
font-size: $small;
color: $core-dark-blue-grey;
color: $ui-fleet-black-75;
font-size: $x-small;
padding: 0 0 0 $pad-medium;
line-height: 34px;
@@ -9,10 +9,6 @@ import { buildQueryStringFromParams } from "utilities/url";
import DataError from "components/DataError";
import SummaryTile from "./SummaryTile";
import WindowsIcon from "../../../../../assets/images/icon-windows-48x48@2x.png";
import LinuxIcon from "../../../../../assets/images/icon-linux-48x48@2x.png";
import MacIcon from "../../../../../assets/images/icon-mac-48x48@2x.png";
const baseClass = "hosts-summary";
interface IHostSummaryProps {
@@ -205,7 +205,7 @@ const allHostTableHeaders: IDataColumn[] = [
},
{
title: "Issues",
Header: () => <img alt="host issues" src={IssueIcon} />,
Header: "Issues",
disableSortBy: true,
accessor: "issues",
Cell: (cellProps: ICellProps) => (
@@ -108,6 +108,7 @@
.manage-hosts__filter-dropdowns {
display: flex;
margin-left: $pad-small;
}
}
}
@@ -23,7 +23,7 @@
}
p {
color: $core-dark-blue-grey;
color: $ui-fleet-black-75;
margin: 0;
font-size: $x-small;
font-style: italic;
@@ -59,7 +59,7 @@
}
p {
color: $core-dark-blue-grey;
color: $ui-fleet-black-75;
margin: 0;
font-size: $x-small;
font-style: italic;
@@ -89,8 +89,7 @@
}
&__bullet-text {
width: 455px;
text-align: left;
text-align: center;
}
}
@@ -101,11 +101,6 @@
width: 500px;
padding: $pad-xxlarge 0;
}
&__bullet-text {
width: 455px;
text-align: left;
}
}
.no-team-policy {
@@ -116,8 +116,7 @@
}
&__bullet-text {
width: 455px;
text-align: left;
text-align: center;
}
}
@@ -47,7 +47,7 @@
}
p {
color: $core-dark-blue-grey;
color: $ui-fleet-black-75;
margin: 0;
font-size: $x-small;
font-style: italic;
@@ -48,7 +48,7 @@
}
p {
color: $core-dark-blue-grey;
color: $ui-fleet-black-75;
margin: 0;
font-size: $x-small;
font-style: italic;
@@ -49,7 +49,7 @@
}
p {
color: $core-dark-blue-grey;
color: $ui-fleet-black-75;
margin: 0;
font-size: $x-small;
font-style: italic;