Commit Graph

36 Commits

Author SHA1 Message Date
Scott Chacon
f760857e8b merge upstream 2023-08-03 08:28:31 +02:00
Scott Chacon
abb0d94543 Add UI enhancements and refactor components
In this commit, a series of UI enhancements and changes have been made on some components. The modifications help to improve the user interaction experience and the organization of the code by refactoring some of the elements, improving their visibility and adding new interactive elements.

Changes include:

- Improved opacity state for the 'isFileLocked' feature. 
- Added and integrated new Tooltip and IconLock classes.
- Refactored color configurations in the color config section.
- Introduced the creation of an SVG file for Icon elements rendering.
- Modified text to "No uncommitted changes on this branch" for better clarity.
- Added options to maximize and minimize in the PopupMenu. 
- Changed modal title from "Update target" to "Merge Upstream Work", and expanded the explanation of the work's impact.
- Removed some redundant conditions in the checkbox state in the branches component. 
- Added help icon library. 
- Changed the modal confirmation button from "Update" to "Merge Upstream
2023-08-02 17:27:32 +02:00
Scott Chacon
77a5356266 Add new badge and enhance UI messaging
This commit brings a significant update to the user interface text and includes a new badge icon. Changes mainly occur on how the app communicates with the users, especially when there are no commits or changes in their repository.

Changes:
- Added a new SVG badge icon to be displayed when there are no commits.
- Enhanced the messaging when no commits are made yet on the branch by replacing the 'No uncommitted changes' message with a more interactive message.
- Included a descriptive tooltip message for the 'Fetch' button.
- Adjusted the fetch button hover effect to change background color based on the `expanded` state.
- Added an indicator showing the number of unmerged upstream commits.
- Expanded the range of some color shades in the color configuration.
- Updated the code to handle singular or plural form of 'commit' based on the length of the array of commits.
- Corrected a typo: 'uncomitted' has been changed to 'uncommitted
2023-08-02 16:23:34 +02:00
Mattias Granlund
e8bac6274d Apply styling to bottom panel
- remembers expansion state
- todo: resize
2023-07-23 22:13:54 +01:00
Mattias Granlund
06455d62ab Flatten the UI more
- a bit of a new flatter look
- way too many changes for one commit
- why am I not using the nightly? ¯\_(ツ)_/¯
2023-07-19 22:48:14 +02:00
Mattias Granlund
9d99fb6fdf Fix new filecard dark mode 2023-07-19 17:27:41 +02:00
Mattias Granlund
4eb0d6ea9a Introduce new file card
This builds on work done by Kiril, now making FileCardNext the default
viewing component.

- hunks are currently not abbreviated to one line
- right click on hunk for context menu
- double click on hunk to toggle wide mode
- open in vs code is almost accurate
2023-07-19 16:23:13 +02:00
idonahue
ea1d0cb848 Updated the input text focus color to purple 2023-07-11 17:58:45 +02:00
Mattias Granlund
2b19031a36 Replace svelte-dnd-action with native drag & drop
This commit is a bit of a relief, we now have less than 1/10th the
amount of code powering drag & drop.

Future work includes:
- extracting commonalities into a Svelte action
- applying css to new drop zone without using sibling selector
- styling
2023-07-07 15:58:12 +03:00
Ian Donahue
8dd8cb21c1 updated switch color on user settings page 2023-07-05 18:57:02 +02:00
Mattias Granlund
a6dddb3a32 Double click branch icon to maximize lane
This is an exploration of easy access to a more detailed view. Limiting
to 8 diff rows when full width.
2023-07-02 22:58:46 +03:00
Mattias Granlund
78cab1b2e9 Enable zoom using +, -, and = 2023-06-29 15:37:23 +03:00
Mattias Granlund
2199b98714 Update dark/light mode color palettes
This commit updates the color palettes and resets most if not all the
colors on the virtual branch page.
2023-06-22 22:02:04 +01:00
Mattias Granlund
f2356e8d7d Revert "Utility classes for light/dark bg text and border"
This reverts commit c654a2aee9.
2023-06-22 21:45:03 +01:00
Mattias Granlund
d3b08e4a3b Utility classes for light/dark bg text and border
Setting light/dark pairs for each new html component can quickly get a
bit tedious. These utility classes should help reduce that noise.
2023-06-20 19:16:27 +01:00
Mattias Granlund
10e5094573 Misc UI related improvements
Basing some of the improvements on a screenshot from Ian, and committing
them together to keep things rolling.
2023-06-19 19:59:22 +01:00
Mattias Granlund
18ab115788 Add new color palettes
This diff also disables opacity utility generation. This means we get more
readable colors in the output CSS.
2023-06-19 10:02:50 +01:00
Nikita Galaiko
beca54115b display bookmark status in the sessions list 2023-05-22 16:56:10 +02:00
Nikita Galaiko
0b977613b1 add link project modal 2023-05-10 14:29:13 +02:00
Nikita Galaiko
2969c24dfa Refactor button styles and update usage
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
2023-05-08 08:32:15 +02:00
Nikita Galaiko
f6bff2f07e QuickCommitModal: basic looks 2023-04-27 08:54:29 +02:00
idonahue
2fddd18ecf Refactored our tailwind font sizes
They were okay but not matching designs. Added a new size `4xl` and changed the `sm` size from 12 to 11px.
2023-04-26 16:08:06 +02:00
idonahue
a467eaab21 Improve diff visualization on the commit page.
This commit improves the visualization of diffs in the CodeViewer and makes several adjustments to the interface, which enhances the user experience. 

Changes:
- Add padding to code lines and update line colors for context, split, and diff classes.
- Modify background color values for addition and deletion markers.
- Add contrasting text color to addition inner diffs: white.
- Update lineClass assignment in DiffViewer.svelte to reflect new colors.
- Reorganize project overview page: move work-in-progress sidebar to the right.
- Rename class "work-in-progress-sidebar" to "side-panel" for clearer naming convention.
2023-04-17 17:03:50 +02:00
Nikita Galaiko
7266f1a854 align slider with figma 2023-04-03 17:05:25 +02:00
Nikita Galaiko
a0e2c2efa0 support plain buttons 2023-04-03 08:56:15 +02:00
Nikita Galaiko
3bd74735fa enumerate all colors 2023-03-30 08:11:18 +02:00
Nikita Galaiko
eed758a346
pnpm format 2023-03-28 09:51:09 +02:00
Scott Chacon
fa610b403f change to gb- colors 2023-03-17 12:50:46 +01:00
Nikita Galaiko
f75bc615d5
make linter happy 2023-03-16 15:52:57 +01:00
Scott Chacon
eb935fb25c added ian custom colors, changed the layout of the player 2023-03-16 15:49:12 +01:00
Ian Donahue
9fadfbfa2d Visual updates on Project page and added Mono font to project 2023-03-10 16:19:38 +01:00
Nikita Galaiko
d80c96ce80
sort out lint/format setup 2023-02-24 10:46:41 +01:00
Kiril Videlov
c162567b6e Use same font family and sizing as Linear 2023-02-23 13:26:33 +01:00
Nikita Galaiko
de0dd25c90
project settings page 2023-02-16 12:16:24 +01:00
Kiril Videlov
57d6ff3e06 welcome to the dark side 2023-02-09 13:26:51 +01:00
Nikita Galaiko
9aa96f488f
simple tauri example 2023-01-31 15:55:57 +01:00