Skip to content

Conversation

@GspikeHalo
Copy link
Contributor

Propose:
Addresses some visual issues caused by the current layout when the user hovers over dashboard entries.
fix #2963

Changes:

  1. When the user hovers over the item, add transparency to the resource-info (including dataset size, creation time, and edit time) to reduce its visibility.
  2. Change the background of the button group to transparent, and add a darker background color and border to the buttons.

Demo:
old list item:
image

new list item:
image

@GspikeHalo GspikeHalo requested a review from kunwp1 October 26, 2024 22:27
@GspikeHalo GspikeHalo self-assigned this Oct 26, 2024
@GspikeHalo GspikeHalo marked this pull request as ready for review October 26, 2024 22:41
Copy link
Contributor

@kunwp1 kunwp1 left a comment

Choose a reason for hiding this comment

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

Looks much better!! Thanks!

@GspikeHalo GspikeHalo merged commit 83234cb into master Oct 29, 2024
@GspikeHalo GspikeHalo deleted the improve-hover-layout branch October 29, 2024 01:40
PurelyBlank pushed a commit that referenced this pull request Dec 4, 2024
**Propose:**
Addresses some visual issues caused by the current layout when the user
hovers over dashboard entries.
fix #2963

**Changes:**
1. When the user hovers over the item, add transparency to the
resource-info (including dataset size, creation time, and edit time) to
reduce its visibility.
2. Change the background of the button group to transparent, and add a
darker background color and border to the buttons.

**Demo:**
old list item:

![image](https://github.com/user-attachments/assets/65579f2b-5165-4068-864d-a119f6c0d211)

new list item:

![image](https://github.com/user-attachments/assets/7f5013f6-cec5-499f-a4a5-d3e524c827ad)
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.

Improve Hover Layout on Dashboard Entries

2 participants