eae5e114ba
* rename mount-filter-config models, components, serializer, adapters to path-filter-config * move search-select component to core addon * add js class for search-select-placeholder and sort out power-select deps for moving to the core component * expose oninput from powerselect through search-select * don't fetch mounts in the replication routes * remove toggle from add template * start cross-namespace fetching * group options and set up for namespace fetch via power-select search prop * add and style up radio-card CSS component * add xlm size for icons between l and xl * copy defaults so they're not getting mutated * finalize cross-namespace fetching and getting that to work with power-select * when passing options but no models, format the options in search select so that they render properly in the list * tint the background of a selected radio card * default to null mode and uniq options in search-select * finish styling radio-card * format inputValues when first rendering the component if options are being passed from outside * treat mode:null as deleting existing config which simplifies save logic * correctly prune the auto complete list since path-filter-config-list handles all of that and finish styling * remove old component * add search debounce and fix linting * update search-select docs * updating tests * support grouped options for when to show the create prompt * update and add tests for path-filter-config-list * fix tests for search-select and path-filter-config-list * the new api uses allow/deny instead of whitelist/blacklist
46 lines
578 B
SCSS
46 lines
578 B
SCSS
.hs-icon {
|
|
flex: 0 0 auto;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 2px 4px;
|
|
}
|
|
|
|
.hs-icon svg {
|
|
fill: currentColor;
|
|
flex: 1 1 0;
|
|
}
|
|
|
|
.hs-icon-button-right {
|
|
margin-left: 0.25rem;
|
|
margin-right: -0.5rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.hs-icon-s {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
.hs-icon-l {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.hs-icon-xlm {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.hs-icon-xl {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
.hs-icon-xxl {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|