Improves the Meshery integrations page layout for mobile usability and removes hover-dependent UX.#7551
Open
AyushK5ingh wants to merge 1 commit intolayer5io:masterfrom
Open
Improves the Meshery integrations page layout for mobile usability and removes hover-dependent UX.#7551AyushK5ingh wants to merge 1 commit intolayer5io:masterfrom
AyushK5ingh wants to merge 1 commit intolayer5io:masterfrom
Conversation
…overview components. Signed-off-by: ayushk5ingh <ayushks1602@gmal.com>
Member
|
🚀 Preview for commit 41943fc at: https://69c2f5276aa6bb5f9162f37e--layer5.netlify.app |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
…overview components.
Description
This PR fixes #7337
Improves the Meshery integrations page layout for mobile usability and removes hover-dependent UX.
<Honeycomb>/<Hexagon>with a standard CSS grid (div.integrations-grid)descriptionandsubtitleto the GraphQL query so descriptions render below each logo by default — no hover requiredgrid-template-columns: repeat(2, 1fr)— two logos per row, reducing excessive vertical scrolling-webkit-line-clamp: 3darkModeIntegrationIconreferencing the wrong field (integrationIcon→darkModeIntegrationIcon)==null check to===for dark mode icon filterHoneycombimport; general code style cleanupNotes for Reviewers
The hexagon clip-path and hover animation have been fully removed per the issue requirements. Cards now use a clean rounded layout with a subtle hover shadow. Description visibility is no longer interaction-dependent, which also fixes usability on touch devices.
Signed commits