mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 09:18:59 +00:00
4ba3ad51f0
* Display packs page at /packs/manage * Adds NumberPill component * Filter packs list * Render the pack info side panel when no packs are selected * Adds packs list * Moves state management to page component * Display selected pack count * Render bulk action buttons * API client - update pack * API client - destroy pack * Adds update/destroy functions to packs redux config * Bulk actions (enable, disable, delete) * Selecting a pack updates state * PackDetailsSidePanel updates pack status * Link to edit pack on side panel * sets selected pack in URL * Sets color for unsettled buttons * Loads scheduled queries for selected pack in All Packs Page * PackDetailsSidePanel component * PackDetailsSidePanel styles * styles PacksList component * Stop rendering flash when pack status is updated * Makes full row clickable * highlight selected pack
38 lines
587 B
SCSS
38 lines
587 B
SCSS
.packs-list {
|
|
border: 1px solid #b9c2e4;
|
|
border-radius: 3px;
|
|
box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.12);
|
|
margin-top: 20px;
|
|
opacity: 0.8;
|
|
|
|
thead {
|
|
background-color: $bg-medium;
|
|
border-bottom: 1px solid $accent-medium;
|
|
}
|
|
|
|
&__th {
|
|
color: $link;
|
|
font-size: 14px;
|
|
padding: 14px;
|
|
text-align: center;
|
|
|
|
&:first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
&:last-child {
|
|
padding-right: 25px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
&__th-pack-name {
|
|
padding-left: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
&__select-all {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|