This commit refactors the CSS for the scrollbar by removing unnecessary margin and padding properties, and changing the background color to increase contrast for better usability. The form layout in the commit page of the Svelte app is also optimized by adjusting the input and textarea elements' styling and alignment to improve overall readability and consistency.
Changes:
- Update scrollbar width and height properties
- Change scrollbar background color to rgba(255, 255, 255, 0.2)
- Remove padding and width properties from ::-webkit-scrollbar-thumb
- Adjust layout of input and textarea elements in commit page
- Improve alignment and truncation of file paths in commit file list
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.
