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

Make badge in tab-bar grow/expand right #2430

Closed
wants to merge 4 commits into from

Conversation

RasmusKjeldgaard
Copy link
Collaborator

@RasmusKjeldgaard RasmusKjeldgaard commented Aug 22, 2022

Which issue does this PR close?

This PR closes #2432

What is the new behavior?

Does this PR introduce a breaking change?

  • Yes
  • No

Are there any additional context?

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Reminders

  • Make sure you have implemented tests following the guidelines in: "The good: Test".
  • Make sure you have updated the cookbook with examples and showcases (for bug fixes, enhancements & new components).

Review

  • Do a self-review.
  • Request that the changes are code-reviewed
  • Request that the changes are UX reviewed (only necessary if your PR introduces visual changes)

When the pull request has been approved it will be merged to develop by Team Kirby.

@github-actions github-actions bot temporarily deployed to pr-badge-position-in-tabs August 22, 2022 07:12 Inactive
@RasmusKjeldgaard RasmusKjeldgaard linked an issue Aug 23, 2022 that may be closed by this pull request
11 tasks
@RasmusKjeldgaard RasmusKjeldgaard marked this pull request as ready for review August 24, 2022 15:50
@github-actions github-actions bot temporarily deployed to pr-badge-position-in-tabs August 24, 2022 15:55 Inactive
Copy link
Collaborator

@jkaltoft jkaltoft left a comment

Choose a reason for hiding this comment

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

Nice!

Although, it looks a bit like the position is not exactly like in the screenshot in #2432 for mobile view.

@github-actions github-actions bot temporarily deployed to pr-badge-position-in-tabs August 25, 2022 09:24 Inactive
@RasmusKjeldgaard RasmusKjeldgaard force-pushed the enhancement/badge-position-in-tabs branch from 5e0196d to 1f94a13 Compare August 25, 2022 09:29
@github-actions github-actions bot temporarily deployed to pr-badge-position-in-tabs August 25, 2022 09:34 Inactive
// Magic values here as we have no tokens that gives
// badge the correct position in relation to the tab icon
--kirby-badge-top: -1em;
--kirby-badge-left: 1.4em;
Copy link
Collaborator

Choose a reason for hiding this comment

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

You could argue that this is redundant since you're declaring --kirby-badge-left with the same value as it already had - but I think it's also ok to leave it for clarity.

@RasmusKjeldgaard
Copy link
Collaborator Author

RasmusKjeldgaard commented Aug 30, 2022

Unfortunately requirements changed after implementation so closing this PR. Can still be used as inspiration for the mobile part.

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.

[Enhancement] Tabbar with medium text badge
2 participants