LearnNewsExamplesServices
Frontmatter
id5930
titlePortal App: Examples => styling for focussed & hovered list items
stateClosed
labels
enhancement
assigneestobiu
createdAtSep 16, 2024, 3:16 AM
updatedAtSep 16, 2024, 3:19 AM
githubUrlhttps://github.com/neomjs/neo/issues/5930
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtSep 16, 2024, 3:19 AM

Portal App: Examples => styling for focussed & hovered list items

Closed v8.1.0 enhancement
tobiu
tobiu commented on Sep 16, 2024, 3:16 AM

I would like to add some very advanced CSS here, to animate the upper part of the list item gradient, which gets mixed with the background image.

@mxmrtns

tobiu added the enhancement label on Sep 16, 2024, 3:16 AM
tobiu assigned to @tobiu on Sep 16, 2024, 3:16 AM
tobiu referenced in commit f248354 - "Portal App: Examples => styling for focussed & hovered list items #5930" on Sep 16, 2024, 3:17 AM
tobiu
tobiu Sep 16, 2024, 3:19 AM

hovered item:

Screenshot 2024-09-16 at 03 18 01

focused item:

Screenshot 2024-09-16 at 03 17 39

I am not 100% sure about the green color. I did try the secondary color, but it was too bright.

Animating CSS vars looks super nice.

tobiu closed this issue on Sep 16, 2024, 3:19 AM
tobiu cross-referenced by #5931 on Sep 16, 2024, 3:27 AM