This commit refactors the modal styling in the app.postcss file to improve readability and maintainability. The changes involve removing unnecessary indentation in the modal CSS class, which enhances the overall quality of the code.
- Removed unnecessary indentation in the modal CSS class
- No functional changes were made
This commit refactors the CSS code in the app.postcss file, with changes ranging from capitalization of sections, adding outline removal styling, and incorporating modal styles. The refactoring makes the code more consistent by using capital letters for the section comments. Additionally, the new modal styling is provided with a blur effect and a semi-transparent background for a more modern appearance.
Changes made in this commit:
- Capitalize section comments for consistency
- Add outline removal styling section
- Implement modal styling with backdrop-filter and semi-transparent background
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
