mirror of
https://github.com/fleetdm/fleet
synced 2026-05-18 14:38:53 +00:00
e2a5502e21
* Api client get targets * Allow entities to parse full api response * responsive nav style fixes * Add disabled prop to button * Add targets from API to target select input * customize target rendering in input field * call API on select target input change * display # hosts selected * Adds new icons to icon font * Customize select targets input options * Update directory structure * restructure select targets input * Adds hosts to labels * Host modal styles * ShadowBoxInput component * TargetInfoModal for labels * consistent entity response in api client stubs * Fix bug removing multiple hosts in target select input * change Button component to use css classes
93 lines
1.9 KiB
JavaScript
93 lines
1.9 KiB
JavaScript
import Styles from '../../../../styles';
|
|
|
|
const { color, font, padding } = Styles;
|
|
|
|
const formSection = {
|
|
borderTopColor: color.accentLight,
|
|
borderTopStyle: 'solid',
|
|
borderTopWidth: '1px',
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
marginTop: padding.base,
|
|
paddingTop: padding.base,
|
|
};
|
|
|
|
const formInput = {
|
|
fontSize: font.small,
|
|
color: color.textDark,
|
|
width: '300px',
|
|
};
|
|
|
|
export default {
|
|
buttonWrapperStyles: {
|
|
...formSection,
|
|
justifyContent: 'flex-end',
|
|
},
|
|
containerStyles: {},
|
|
formSectionStyles: formSection,
|
|
labelStyles: {
|
|
display: 'block',
|
|
marginBottom: padding.half,
|
|
},
|
|
moreOptionsIconStyles: {
|
|
fontSize: font.xSmall,
|
|
marginLeft: padding.half,
|
|
},
|
|
moreOptionsCtaSectionStyles: {
|
|
...formSection,
|
|
borderTop: 'none',
|
|
justifyContent: 'flex-end',
|
|
paddingTop: 0,
|
|
},
|
|
moreOptionsTextStyles: {
|
|
color: color.brand,
|
|
cursor: 'pointer',
|
|
fontSize: font.medium,
|
|
},
|
|
queryDescriptionInputStyles: {
|
|
...formInput,
|
|
},
|
|
queryHostsPercentageStyles: {
|
|
...formInput,
|
|
display: 'inline-block',
|
|
marginLeft: '5px',
|
|
paddingRight: 0,
|
|
maxWidth: '40px',
|
|
},
|
|
dropdownInputStyles: {
|
|
...formInput,
|
|
backgroundColor: color.white,
|
|
borderColor: color.brand,
|
|
borderStyle: 'solid',
|
|
borderWidth: '1px',
|
|
height: '30px',
|
|
textTransform: 'uppercase',
|
|
':focus': {
|
|
outline: 'none',
|
|
},
|
|
},
|
|
helpTextStyles: {
|
|
backgroundColor: color.accentLight,
|
|
padding: padding.base,
|
|
width: '340px',
|
|
},
|
|
queryNameInputStyles: {
|
|
...formInput,
|
|
height: '30px',
|
|
lineHeight: '30px',
|
|
paddingLeft: '3px',
|
|
},
|
|
queryNameWrapperStyles: {
|
|
...formSection,
|
|
},
|
|
runQuerySectionStyles: {
|
|
...formSection,
|
|
display: 'block',
|
|
textAlign: 'right',
|
|
},
|
|
runQueryTipStyles: {
|
|
color: color.textLight,
|
|
fontSize: font.small,
|
|
marginRight: padding.half,
|
|
},
|
|
};
|