Packs pages: Edit page empty state rendering, Manage page update UI (#885)

* Packs: Update empty state, tables, select targets pills, platform pills, icons, phrasing
This commit is contained in:
RachelElysia
2021-06-01 09:10:35 -04:00
committed by GitHub
parent 417ef2c9b6
commit 9469cb0bf1
17 changed files with 169 additions and 117 deletions
@@ -137,14 +137,14 @@ export class ConfigurePackQueryForm extends Component {
return (
<form className={baseClass} onSubmit={handleSubmit}>
<h2 className={`${baseClass}__title`}>configuration</h2>
<h2 className={`${baseClass}__title`}>Configuration</h2>
<div className={`${baseClass}__fields`}>
<InputField
{...fields.interval}
inputWrapperClass={`${baseClass}__form-field ${baseClass}__form-field--interval`}
inputWrapperClass={`${baseClass}__form-field ${baseClass}__form-field--frequency`}
placeholder="- - -"
label="Interval"
hint="Seconds"
label="Frequency (seconds)"
// hint="Seconds"
type="number"
/>
<Dropdown
@@ -160,11 +160,7 @@ export class ConfigurePackQueryForm extends Component {
{...fields.version}
options={minOsqueryVersionOptions}
placeholder="- - -"
label={[
"minimum ",
<KolideIcon name="osquery" key="min-osquery-vers" />,
" version",
]}
label="Minimum osquery version"
wrapperClassName={`${baseClass}__form-field ${baseClass}__form-field--osquer-vers`}
/>
<Dropdown
@@ -1,6 +1,6 @@
.configure-pack-query-form {
&__form-field {
&--interval {
&--frequency {
position: relative;
.input-field {
@@ -19,11 +19,10 @@
}
&__title {
font-size: $small;
font-size: $x-small;
font-weight: $bold;
letter-spacing: -0.5px;
color: $core-fleet-black;
border-bottom: 1px solid #eaeefb;
padding: 0 0 9px;
margin: 0 0 9px;
}