This commit refactors the button component styles by introducing a new `kind` prop to replace the `filled` and `outlined` props. The `kind` prop takes values "filled", "outlined", or "plain". It also updates the usage of the button component in other components, using the new `kind` prop. Additionally, the button stories have been updated to remove redundancy and use the new `kind` prop.
Changes:
- Introduce `kind` prop in Button component
- Remove `filled` and `outlined` props
- Update button usage in BackForwardButtons and Breadcrumbs components
- Update Button.stories to use new `kind` prop
This commit updates the message displayed when there are no file changes and adds new icons to the list of uses for GitButler. The message is now more informative and visually appealing with the inclusion of icons for different features.
Changes:
- Display a border and adjusted text for the "Waiting for file changes..." message
- Include IconPlayerPlayFilled, IconRewind, and IconSparkle as visual representations of GitButler features
In this commit, the layout and styling of the QuickCommitModal component have been improved. The main change is updating the div's flex layout to properly arrange its child elements, while also modifying the input element's class styling for better visual presentation. This results in a cleaner and more organized appearance for the QuickCommitModal.
- Rearranged flex layout properties in the first div to order child elements properly
- Modified the input element's class styling for a better visual presentation
In this commit, an outline-none-important class has been added to remove focus outlines from elements while maintaining accessibility across browsers. This update ensures that input fields and other interactive elements will have a unified appearance and reduce visual clutter when focused.
Changes include:
- Addition of .outline-none-important class with relevant styling
- Ensured code functions effectively in different browsers by applying multiple outline removal techniques within the new class
Implement the DiffContext component that allows users to toggle the number of lines and the full context mode for diffs. The component stores these settings persistently in the browser's local storage. The changes involve creating a new Svelte component file, and adding the necessary script and HTML to handle the functionality.
Other things:
- Added new files for the DiffContext component
- Included logic to handle toggling the number of lines and full context mode
- Ensured persistence of the settings using local storage
- Defined and utilized stores for the persistent data
This commit improves the Differ component by removing unnecessary lines of code for determining the line number digits for both the original and current files. The general logic remains unchanged, but there's a cleaner approach for handling line numbering operations, resulting in a more concise and efficient implementation.
Removed lines:
- Original and current line number digit calculation
This commit adds the `background-image` property to the `.card` class, using an external URL for a noise generated image. Also, the diff includes a simple refactoring in `+page.svelte` where the `enrichSession` function has been moved into a separate script context. These changes enhance the visual appearance of the card and improve code organization.
Details:
- Add `background-image` property to `.card` class in `app.postcss`
- Move `enrichSession` function into separate script context in `+page.svelte`
