mirror of
https://github.com/dbeaver/cloudbeaver.git
synced 2026-09-24 16:04:36 +08:00
52f567fded
* dbeaver/pro#5553 feat: add column sorting functionality to DataGrid
* dbeaver/pro#5553 feat: enhance column sorting functionality to support multiple selection
* dbeaver/pro#5553 feat: add keyboard navigation to order button
* dbeaver/pro#5553 feat: add constraints handling logic for column sorting in DataGrid
* Revert "dbeaver/pro#5553 feat: add constraints handling logic for column sorting in DataGrid"
This reverts commit 6028a48b13.
* dbeaver/pro#5553 feat: add icon generation script to UIKit, add sample icons
* dbeaver/pro#5553 refactor: use inner react-data-grid API for column sorting
* dbeaver/pro#5553 feat: add IconCross component and update icon-related files
* dbeaver/pro#5553 feat: replace Button with IconButton in OrderButton component
* dbeaver/pro#5553 style: update foreground color variables for IconButton component
* dbeaver/pro#5553 refactor: add normalization rules to layers, use IconButton in Common DialogHeader
checked if new IconButton works well in light and dark mode by using in CommonDialogHeader
* dbeaver/pro#5553 style: format code and update dependencies in CommonDialogHeader and DataGridTable components
* dbeaver/pro#5553 style: move onColumnSort prop to correct position in DataGridTable component
* dbeaver/pro#5553 refactor: remove icons component generation, use svg sprite
* dbeaver/pro#5553 refactor: update OrderButton component and inline icons sprite in Body
we decided to go with this solution for now just adding icons to a sprite and use them by id. Imports by ?url don't work in VSCode if try to use them in <use> href, so we need to find another solution or stick to that approach.
* dbeaver/pro#5553 refactor: update column sorting and sortable logic in DataGrid components
* dbeaver/pro#5553 style: format whitespace in Body component
* dbeaver/pro#5553 feat: add new sorting icons for ascending, descending, and unsorted states
* dbeaver/pro#5553 refactor:styling for header cell and order button components
* dbeaver/pro#5553 refactor: update sorting logic in DataGrid and OrderButton components
* dbeaver/pro#5553 refactor: value deps
* dbeaver/pro#5553 feat: update sorting icons for ascending, descending, and unsorted states
* dbeaver/pro#5553 style: update aria-label and title for OrderButton component
* dbeaver/pro#5553 fix: double focus
* dbeaver/pro#5553 fix: after merge
* dbeaver/pro#5553 refactor: removed outline offset for sort button
* dbeaver/pro#5553 refactor: update Tailwind CSS import to use layer directive
---------
Co-authored-by: Evgenia <139753579+EvgeniaBzzz@users.noreply.github.com>
Co-authored-by: Alexey <wrouds@gmail.com>
31 lines
1.3 KiB
CSS
31 lines
1.3 KiB
CSS
@layer base {
|
|
:root {
|
|
/* Icon Button border variables */
|
|
--dbv-kit-icon-btn-border-radius: var(--dbv-kit-btn-border-radius);
|
|
--dbv-kit-icon-btn-border-width: var(--dbv-kit-btn-border-width);
|
|
--dbv-kit-icon-btn-border-style: var(--dbv-kit-btn-border-style);
|
|
--dbv-kit-icon-btn-border-color: var(--dbv-kit-btn-border-color);
|
|
|
|
/* Icon Button outline variables */
|
|
--dbv-kit-icon-btn-outline-width: var(--dbv-kit-control-outline-width);
|
|
--dbv-kit-icon-btn-outline-style: var(--dbv-kit-control-outline-style);
|
|
--dbv-kit-icon-btn-outline-color: var(--dbv-kit-control-outline-color);
|
|
--dbv-kit-icon-btn-outline-offset: var(--dbv-kit-control-outline-offset);
|
|
|
|
/* Default size */
|
|
--dbv-kit-icon-btn-size: var(--dbv-kit-control-height-medium);
|
|
|
|
/* Default colors */
|
|
--dbv-kit-icon-btn-foreground: var(--tw-color-gray-600);
|
|
--dbv-kit-icon-btn-foreground-hover: var(--tw-color-gray-600);
|
|
--dbv-kit-icon-btn-foreground-active: var(--tw-color-gray-700);
|
|
--dbv-kit-icon-btn-background: transparent;
|
|
--dbv-kit-icon-btn-background-hover: var(--tw-color-gray-100);
|
|
--dbv-kit-icon-btn-background-active: var(--tw-color-gray-200);
|
|
|
|
/* Loader color */
|
|
--dbv-kit-btn-loader-color: var(--dbv-kit-btn-foreground-hover);
|
|
--dbv-kit-btn-loader-base-color: transparent;
|
|
}
|
|
}
|