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(news-ticker): Icon or image for each item, iteration on styles for EC and EU - FRONT-4463 #3447

Merged
merged 17 commits into from
Jul 4, 2024

Conversation

planctus
Copy link
Contributor

No description provided.

Copy link

github-actions bot commented Jun 21, 2024

@github-actions github-actions bot temporarily deployed to pull request June 21, 2024 13:21 Inactive
@planctus planctus marked this pull request as ready for review June 25, 2024 08:58
@github-actions github-actions bot temporarily deployed to pull request June 25, 2024 09:07 Inactive
@planctus planctus changed the title feat(new-ticker): Iteration on styles for EC and EU - FRONT-4463 feat(news-ticker): Iteration on styles for EC and EU - FRONT-4463 Jun 25, 2024
Copy link
Contributor

@emeryro emeryro left a comment

Choose a reason for hiding this comment

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

The focus on the link seems to be broken (only the left border is displayed)
image

{% include '@ecl/icon/icon.html.twig' with {
icon: _item.icon|merge({
path: _icon_path,
name: _item.icon.name,
Copy link
Contributor

Choose a reason for hiding this comment

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

can't we default the icon name to 'information' (at least until next major version)?
That way there won't be breaking changes here

Copy link
Contributor Author

@planctus planctus Jun 25, 2024

Choose a reason for hiding this comment

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

mmh..i'd say no, because we would alter the behavior of the component, currently you can set or not an icon for each item, if we default it to "something" it would always be there instead, and it would be totally arbitrary to show the info icon at this point. It would not work as backward compatibility, for that to happen we should check if in any of the item there is an icon and in case there is none we could "assume" that it's "old data" and apply this fallback but it seems an overhead for the template to do so.

@@ -27,20 +28,25 @@ $news-ticker: null !default;
.ecl-news-ticker__icon {
fill: var(--c-p);
flex-shrink: 0;
margin-inline-start: map.get($news-ticker, 'padding-horizontal');
height: 1.5rem;
Copy link
Contributor

Choose a reason for hiding this comment

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

we should use the sass maps for the icon size

link: exampleLink,
icon: {
name: 'euro',
Copy link
Contributor

Choose a reason for hiding this comment

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

maybe we should have different icons on some slides, to showcase this possibility

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done it, although for some reasons i was explicitely requested to use the euro icon..

@github-actions github-actions bot temporarily deployed to pull request June 25, 2024 12:28 Inactive
@github-actions github-actions bot temporarily deployed to pull request June 28, 2024 12:38 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 1, 2024 11:11 Inactive
@planctus planctus changed the title feat(news-ticker): Iteration on styles for EC and EU - FRONT-4463 feat(news-ticker): Icon or image for each item, iteration on styles for EC and EU - FRONT-4463 Jul 1, 2024
@github-actions github-actions bot temporarily deployed to pull request July 1, 2024 11:39 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 1, 2024 12:18 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 1, 2024 12:41 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 1, 2024 12:51 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 1, 2024 15:01 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 2, 2024 07:19 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 2, 2024 07:40 Inactive
@github-actions github-actions bot temporarily deployed to pull request July 4, 2024 07:19 Inactive
@emeryro emeryro merged commit 6d5dc70 into v4-dev Jul 4, 2024
7 checks passed
@emeryro emeryro deleted the FRONT-4463-News-ticker branch July 4, 2024 07:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants