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

fix(styles): redesign line/link Tiles in both static and edit mode #5676

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

alexhristov14
Copy link
Contributor

@alexhristov14 alexhristov14 commented Oct 3, 2024

Related Issue

related to SAP/fundamental-ngx#11490

Description

Design changes to the generic line tiles according to the specs

Screenshots

Before:

Screenshot 2024-10-03 at 9 08 49 AM

After:


Screenshot 2024-10-03 at 9 09 23 AM

Copy link

netlify bot commented Oct 3, 2024

Deploy Preview for fundamental-styles ready!

Name Link
🔨 Latest commit 220dc91
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-styles/deploys/670ea4d5f0666700083f0f4a
😎 Deploy Preview https://deploy-preview-5676--fundamental-styles.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@droshev droshev requested a review from a team October 3, 2024 13:22
@droshev droshev added this to the Sprint 139 - October 2024 milestone Oct 3, 2024
@InnaAtanasova
Copy link
Contributor

Screenshot 2024-10-03 at 11 48 47 AM

The focus outline radius doesn't have the same radius as the Tile

@InnaAtanasova
Copy link
Contributor

Screenshot 2024-10-03 at 11 50 50 AM

Active state: there should be 1 outline.

@InnaAtanasova
Copy link
Contributor

Screen.Recording.2024-10-03.at.11.51.54.AM.mov

there's a "jump" on hover. Probably somewhere you set/remove a border that causes change of element height.

@InnaAtanasova
Copy link
Contributor

Screenshot 2024-10-03 at 11 55 59 AM Please fix the lint errors

packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
@InnaAtanasova InnaAtanasova changed the title feat(styles): Redesigned line/link tiles in both static and edit mode fix(styles): redesign line/link Tiles in both static and edit mode Oct 3, 2024
Copy link
Contributor

@InnaAtanasova InnaAtanasova left a comment

Choose a reason for hiding this comment

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

There's still a "jump" on hover and double focus outline on active/focus state

packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
packages/styles/src/tile.scss Outdated Show resolved Hide resolved
@alexhristov14 alexhristov14 changed the title fix(styles): redesign line/link Tiles in both static and edit mode [WIP] fix(styles): redesign line/link Tiles in both static and edit mode Oct 15, 2024
@alexhristov14 alexhristov14 changed the title [WIP] fix(styles): redesign line/link Tiles in both static and edit mode fix(styles): redesign line/link Tiles in both static and edit mode Oct 17, 2024
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.

3 participants