[ENG-640, ENG-695, ENG-705, ENG-693] Categories arrow buttons + others

[ameer2468]

This is a collection of fixes that improves the quality/feel of the app other than adding arrow buttons to categories.

• Better looking error message.
• Tooltip as an optional prop for 'Setting' component that is being used in settings, if the prop is passed it will render the tooltip with the info icon.
• Adjusted tooltip color
• Reset button in appearance only resets hue value instead of also theme
• Toggle for indexer rules when adding a location
• Overview arrow categories to scroll
• Masking effect for Overview category buttons, and theme options when window is smaller
• Adjusted bg color of progress bar for theme
• Minor onboarding CSS tweak for onboarding screens (so progress dots dont touch other elements when screen is smaller)
• Swift theme updating fixed

Vitors commits:

• Added support to invoke lock_app_theme function through rust.

Nikec commits:

• Fixed color picker dialog when creating a tag

Screenshots:

[linear[bot]]

ENG-640 Add button to overview categories

Overview categories can not scroll horizontal, needs button

^ Not everyone has a track pad so it needs a little button (like a image carousal)

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
spacedrive-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 10, 2023 11:49am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
spacedrive-landing	⬜️ Ignored (Inspect)	Visit Preview		Jun 10, 2023 11:49am

[Brendonovich]

Would like to merge #850 before this, since I did a number of changes to Categories too. If you test + review it then we can integrate this PR after.

[jamiepine]

Gorgeous!! I love it, need to fade out the X edges if possible. Use an absolutely positioned gradient mask. https://stackoverflow.com/questions/9525215/using-css-can-you-apply-a-gradient-mask-to-fade-to-the-background-over-text

[jamiepine]

I don't think this'll be the best solution for the scroll, feels way clunkier than the previous sticky method

https://github.com/spacedriveapp/spacedrive/assets/32987599/b92f1910-4fbf-472b-947c-65f3c906f565

In contrast, this is how it feels on main:

https://github.com/spacedriveapp/spacedrive/assets/32987599/cabc84bc-6704-47b8-b446-ea82e1b0c8b8

[Brendonovich]

Fixing the sticky scroll is something I'm gonna do soon once everyone are done with their explorer work, the styles are getting out of hand and unmanageable

[ameer2468]

I don't think this'll be the best solution for the scroll, feels way clunkier than the previous sticky method

https://github.com/spacedriveapp/spacedrive/assets/32987599/b92f1910-4fbf-472b-947c-65f3c906f565

In contrast, this is how it feels on main:

https://github.com/spacedriveapp/spacedrive/assets/32987599/cabc84bc-6704-47b8-b446-ea82e1b0c8b8

Yep tweaking this to something more reasonable. We can't use sticky because without overflow visible on the explorer it wont work.

With overflow visible you get an annoying scrollbar at the bottom + scrolling with arrows wont work properly because of the overflow on the x-axis.

[linear[bot]]

ENG-695 Hide indexer rules on add location dialog

PM me if you are confused

[linear[bot]]

ENG-705 Theme settings vertical view?

[linear[bot]]

ENG-693 Tag color bug

Clicking on any color or attempting to drag closes the dialog.

[Brendonovich]

4 issues in 1 PR is wayyyyy too many but looks fine

[ameer2468]

4 issues in 1 PR is wayyyyy too many but looks fine

Yeah next time we'll keep it smaller.

Funny thing is they were all intended small things, but gradually got bigger.