fleet/frontend/components/TargetsInput/_styles.scss
Lucas Manuel Rodriguez 964f85b174
Amend policy creation and spec (for proprietary query), and add update APIs (#2890)
* Amend policy creation (proprietary query), add update APIs

* Fix Datastore.SavePolicy bug (and add tests)

* Add integration tests for new policy APIs

* Add author email

* Add activities

* Push breaking changes for return policy fields

* WIP

* Add integration test for host policies

* Make more improvements to policy representation

* Improve upgrade code (from PR review comments)

* PR changes

* Revert activities for policies

* Use *uint instead of uint for queryID, use fleet.PolicyPayload

* Filter out other schemas

* New policy flow (#2922)

* created new policy flow -- no API connection

* added api props

* fixed prop name

* lint fixes

* removed unused modal; fixed style

* name, desc icons; created global components

* lint fixes

* ignoring certain files and lines for prettier

* Update frontend/pages/policies/PolicyPage/PolicyPage.tsx

* Make policy names unique across deployment

* Amend upgrade script

* Fix migration for unique names

* Do not deduplicate but instead rename policies

Co-authored-by: Martavis Parker <47053705+martavis@users.noreply.github.com>
2021-11-24 14:16:42 -03:00

80 lines
1.6 KiB
SCSS

.targets-input {
max-width: 980px;
position: relative;
&__hosts-search-dropdown {
width: 100%;
position: absolute;
top: 70px;
left: 0;
z-index: 1;
background-color: $core-white;
border-radius: 0px 0px 8px 8px;
.table-container {
min-height: 225px;
max-height: 400px;
overflow: auto;
box-shadow: 0px 4px 10px rgba(52, 59, 96, 0.15);
border-radius: 0px 0px 8px 8px;
}
.empty-search,
.error-search {
padding-top: 72px;
padding-bottom: 72px;
min-height: 225px;
display: flex;
justify-content: center;
box-shadow: 0px 4px 10px rgba(52, 59, 96, 0.15);
box-sizing: border-box;
&__inner {
h4 {
margin: 0;
margin-bottom: 16px;
font-size: $small;
}
p {
margin: 0;
font-size: $x-small;
a {
color: $core-vibrant-blue;
font-weight: 700;
text-decoration: none;
img {
vertical-align: text-bottom;
position: relative;
top: 1px;
left: -3px;
transform: scale(0.5);
}
}
}
}
}
}
// hack because it's creating unwanted space
.table-container {
background-color: $core-white;
&__header {
display: none;
}
.data-table {
&__wrapper {
margin: 0;
}
}
}
&__hosts-selected-table {
margin-top: 8px;
img {
transform: scale(0.5);
position: relative;
top: 2px;
}
}
}