This commit enhances the display of command descriptions in the Command Palette by splitting the descriptions into separate tokens. This provides a more readable and organized presentation of the information. Additionally, a new keyboard shortcut has been added for easy navigation to the commit page of a project.
Changes:
- Split command descriptions into separate tokens in CmdK.svelte
- Add 'Shift+c' keyboard shortcut for accessing the commit page of a project in CommandPalette.svelte
This commit hides the scrollbar for better UI and updates the command palette styling including the addition of the "Quick commit" command. The diff also includes various improvements to the layout, class names, and keyboard navigability for a better user experience.
Changes:
- Add '.scrollbar-hidden::-webkit-scrollbar' CSS definition to hide scrollbar
- Update and refactor CSS classes for command palette, e.g., '.quick-command-item' and '.quick-command-key'
- Add new "Quick commit" command entry along with its action
- Reorganize commandGroups in 'CmdK.svelte' for more logical ordering
- Replace hard-coded heights with 'max-h' class to better handle different screen sizes
This commit updates the icon used for the commit action within the CommandPalette component. Previously, it used the RewindIcon which seemed inappropriate for the action. The GitCommitIcon has been added to the icons index and used as a replacement. Additionally, an unnecessary class attribute was removed from the RewindIcon component.
Changes:
- Add GitCommitIcon to icons index
- Replace RewindIcon with GitCommitIcon in CommandPalette
- Remove unnecessary class attribute from RewindIcon
This commit introduces a custom scrollbar styling and updates the Command Palette UI by adding the necessary CSS classes and styling rules.
Changes include:
- Added custom scrollbar styling with width, track, handle, and hover properties.
- Introduced a "scrollbar-hidden" class for hiding the scrollbar.
- Updated Command Palette classes such as "result-section-header", "quick-command-item", and "quick-command-key" to improve the overall UI experience.
Refactored the CodeViewer component to switch from using grid layout to a table layout for improved rendering performance. This change simplifies CSS styles by removing unnecessary definitions and ensures consistency in line number display. Additional styling has been applied to the table layout to maintain the existing look and functionality.
- Replaced the `div` structure with `table`, `tbody`, and `tr` elements
- Renamed `rows` to `renderedRows` for better naming consistency
- Added `originalLineNumberDigits` and `currentLineNumberDigits` for proper alignment in table cells
- Removed unnecessary CSS rules and added table-specific styles
This commit refactors the search results page UI and updates the navigation buttons for better user experience. Previously, the search result list layout and the navigation buttons showed inconsistent styling and padding issues.
Changes include:
- Adjusting padding and margin for search result list and search result items.
- Moving the navigation buttons inside the search result list.
- Updating the styling and hover effect for navigation buttons.
- Removing unnecessary padding and margin for figure elements.
