* PR Details: CMD or Ctrl + Click opens the browser
* Segment: Optionally make it unfocusable
Control whethe the segment can be focused on tab, or not
* PR Details: Remove unused 'e' handler
* Borderless Textarea: Ability to autofocus
Optionally, autofocus the input field on mount
* PR Details: Update focus behavior
- Focus on the title input filed on mount
- Make the segments unfocusable
* design update
* Update PrDetailsModal.svelte
---------
Co-authored-by: Pavel Laptev <pawellaptew@gmail.com>
If the local target has diverged from the remote target, display that to the user as a warning
Only show either the divergence warning or upstream count
BaseBranch: Use runes
BaseBranch: Display the branch graph
In order to make it a bit clearer what the divergence state of the base branch is. reuse the line graphs to display it
BaseBranch divergence: Add a confirmation modal
* design tokens update
* update "update" icon
* increase button icons contrast
* Fix: button layout
* made "fast" transition variable even faster
* update "virtual-branch-small" icon
* bigger file icons, remove "fileName" property
- Larger file icons.
- The file path label in the "FileListItem" included the file name, but it should only contain the folder path.
- Since the "filePath" string already includes the file name, it's easier to split it within the "FileListItem" component, rather than passing the file name as a separate prop.
* replace hardcoded "font-family"
* "Diff font" option in User Settings
* Update +page.svelte
* Update +page.svelte
* added "allow font ligatures" option
* copy update
* Update +page.svelte
* remove console.log
* Appearance settings: Reorder the settings
Move down the font family the input into its dedicated section
* Graduate inline diffs to standard setting
The option to display inline integrated diffs in the hunk viewer is no longer an experimental option, but an 'stable' appearance setting option.
---------
Co-authored-by: estib <stron@me.com>
* UI: Info Button component
Info button that displays a custom component on hover.
* Extend tooltip
Optionally, toggle the tooltip on click.
If enabled, clicking outside will close the tooltip
* Click outside: Broaden the elements that can be ignored
Broaden the types of elements that can be ignored
* Info Button: Ignore the SVG when checking for clicking outside
* Info Button: Add Storybook
* Info Button: Use a separate component for the tooltip arrow
That way we can set the border-radius easliy, plus it's probably a bit more CSS-compatible with picky browser engines
* TooltipWrapper shared component
Factor out the common logic of the Tooltip and Info Button so that there is no duplicated functionality and so that the Info Button doesn't have to depend on the Tooltip
* Tooltip and the InfoButton use the TooltipWrapper
Use the shared component.
Also:
- Info button is opened (and stays open) on hover
* separate tooltip components
* icon transition effect added
* button tooltip to the body level + utils function
* Remove log
---------
Co-authored-by: Pavel Laptev <pawellaptew@gmail.com>
