- Implemented bulk selection and deletion functionality in the Knowledge page. - Added a confirmation dialog for bulk deletions, providing user feedback on success or failure. - Updated AgGrid configuration to support multiple row selection and checkbox functionality. - Styled checkboxes for better visibility and user experience. - Refactored related components to accommodate new bulk actions.
43 lines
1.2 KiB
CSS
43 lines
1.2 KiB
CSS
body {
|
|
--ag-text-color: hsl(var(--muted-foreground));
|
|
--ag-background-color: hsl(var(--background));
|
|
--ag-header-background-color: hsl(var(--background));
|
|
--ag-header-text-color: hsl(var(--muted-foreground));
|
|
--ag-header-column-resize-handle-color: hsl(var(--border));
|
|
--ag-header-row-border: hsl(var(--border));
|
|
--ag-header-font-weight: var(--font-medium);
|
|
--ag-row-border: undefined;
|
|
--ag-row-hover-color: hsl(var(--muted));
|
|
--ag-wrapper-border: none;
|
|
--ag-font-family: var(--font-sans);
|
|
|
|
/* Checkbox styling */
|
|
--ag-checkbox-background-color: hsl(var(--background));
|
|
--ag-checkbox-border-color: hsl(var(--border));
|
|
--ag-checkbox-checked-color: hsl(var(--primary));
|
|
--ag-checkbox-unchecked-color: transparent;
|
|
|
|
.ag-header {
|
|
border-bottom: 1px solid hsl(var(--border));
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.ag-row {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Make sure checkboxes are visible */
|
|
.ag-selection-checkbox,
|
|
.ag-header-select-all {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.ag-checkbox-input-wrapper {
|
|
border: 1px solid hsl(var(--border));
|
|
background-color: hsl(var(--background));
|
|
}
|
|
|
|
.ag-checkbox-input-wrapper.ag-checked {
|
|
background-color: hsl(var(--primary));
|
|
border-color: hsl(var(--primary));
|
|
}
|
|
}
|