Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: remove background, add hover, delete background parameter to icon #984

Merged
merged 3 commits into from
Dec 9, 2022

Conversation

cdrage
Copy link
Contributor

@cdrage cdrage commented Dec 6, 2022

feat: remove background, add hover, delete background parameter to icon

What does this PR do?

  • Removes the background on list and details for a "hover" circle
  • Delete the background parameter for icons

Note: Reasoning for deleting background parameter: No longer needed as
no longer adding a background. Tailwind also does not show the hover
correctly as a parameter (ex. class="{backgroundColor} m-2") with hover.

Screenshot/screencast of this PR

Screenshot 2022-12-06 at 12 18 59 PM
Screenshot 2022-12-06 at 12 19 07 PM

What issues does this PR fix or reference?

N/A

How to test this PR?

Signed-off-by: Charlie Drage charlie@charliedrage.com

@benoitf
Copy link
Collaborator

benoitf commented Dec 8, 2022

could you please only enhance the list without the details ?

@cdrage
Copy link
Contributor Author

cdrage commented Dec 8, 2022

@benoitf Were retrieving the class from the same file.

Changing one unfortunately affects the other until UI/UX finalized what it looks like on the detailed screen.

We could add an if statement as well as another file similar to how we did FlatMenu.svelte and DropdownMenu.svelte?

Could we do this for now?
Screenshot 2022-12-08 at 11 24 47 AM
Screenshot 2022-12-08 at 11 24 32 AM

@benoitf
Copy link
Collaborator

benoitf commented Dec 8, 2022

I think we can provide flags to keep existing layout for one case and not the other one. I would not introduce a rectangle or anything, just keeping the previous rendering.

@cdrage
Copy link
Contributor Author

cdrage commented Dec 8, 2022

Updated!

See below screenshots.

I've also updated it across all other parts too (volumes and images).
Screenshot 2022-12-08 at 3 05 04 PM
Screenshot 2022-12-08 at 3 04 59 PM
Screenshot 2022-12-08 at 3 04 53 PM

### What does this PR do?

* Removes the background on list and details for a "hover" circle
* Delete the background parameter for icons

Note: Reasoning for deleting background parameter: No longer needed as
no longer adding a background. Tailwind also does not show the hover
correctly as a parameter (ex. class="{backgroundColor} m-2") with hover.

### Screenshot/screencast of this PR

### What issues does this PR fix or reference?

<!-- Please include any related issue from Podman Desktop repository (or from another issue tracker).
-->

N/A

### How to test this PR?

<!-- Please explain steps to reproduce -->

Signed-off-by: Charlie Drage <charlie@charliedrage.com>
Signed-off-by: Charlie Drage <charlie@charliedrage.com>
Signed-off-by: Charlie Drage <charlie@charliedrage.com>
Copy link
Collaborator

@benoitf benoitf left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tested, works as expected 🎉

f5lcVP31oO.mp4

@benoitf benoitf merged commit fab7898 into containers:main Dec 9, 2022
@podman-desktop-bot podman-desktop-bot added this to the 0.11.0 milestone Dec 9, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants