henripar / gradientos Goto Github PK

Is your feature request related to a problem? Please describe.

It would be great to have option to search for gradients in editor view.

Describe the solution you'd like

There could be an option to open a search box where users can type gradient names/ hex values.

User story

1. User presses cmd+ sfift + space on keyboard
2. Search box opens
3. User types gradient name to search for gradient
4. List of found gradients appear below search box

NOTE - User should be able to exit search box by clicking outside of it or pressing esc

Describe alternatives you've considered

--

Additional context

Describe the bug
Dark mode button does not work if clicked on the sides of the button

To Reproduce
Steps to reproduce the behavior:

1. Go to /editor route
2. Click on dark/light switch button on the sides / corners

Expected behavior

Light / Dark mode switch should always work when the button is pressed. Even if not clicked in the middle of the button.

Screenshots

Describe the bug

The gradient direction menu content is hard to see when the menu is displayed over text.

To Reproduce

Steps to reproduce the behavior:

1. Click on the arrow button between the colors in the editor menu in route /editor
2. Scroll down to see the gradient direction menu over text

Expected behavior

The gradient direction menu should have a blurred background on dark mode so the content would be easier to see when displayed over text.

• this behaviour already exists in the editor settings menu that is displayed above the gradient direction menu & also in the 'copy css modal'

Screenshots

This is how it looks now:

This is how it should look:

Additional context

Note that <DirectorPicker/> component is currently a child of <div class="container"> and the .container already has a CSS property backdrop-filter: blur(12px) and since backdrop-filter properties cannot be nested, <DirectorPicker/> component should be moved outside the div in order to have blurred backgrounds on both elements.

Is your feature request related to a problem? Please describe.

Users should be able to change gradient direction

Describe the solution you'd like

When user clicks the arrow between two gradients in the top menu, there should appear a sub menu where user can choose gradient direction.

User story

1. User click the arrow between gradients in top menu
2. New modal menu for selecting gradient direction appears
3. User selects a gradient direction by clicking on it
4. Selected gradient direction will be updated on all UI elements

Icons are from Lucide icons

Additional context
Add any other context or screenshots about the feature request here.