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

NcAppNavigationCaption: Align actions with other navigation action #4220

Merged
merged 1 commit into from Jun 16, 2023

Conversation

susnux
Copy link
Contributor

@susnux susnux commented Jun 15, 2023

☑️ Resolves

🖼️ Screenshots

🏚️ Before 🏡 After
more on the left than all other actions perfectly aligned

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable

@susnux susnux added bug Something isn't working feature: app-navigation Related to the app-navigation component design Design, UX, interface and interaction design labels Jun 15, 2023
@susnux susnux added this to the 8.0.0 milestone Jun 15, 2023
…actions

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@susnux susnux force-pushed the fix/align-app-navigation-caption branch from 5cc0663 to 261639f Compare June 15, 2023 16:03
@@ -145,6 +144,8 @@ export default {
opacity: $opacity_normal;
box-shadow: none !important;
flex-shrink: 0;
// padding to align the name with the icon of app navigation items
padding: 0 calc(var(--default-grid-baseline, 4px) * 2) 0 calc(var(--default-grid-baseline, 4px) * 3);
Copy link
Contributor

Choose a reason for hiding this comment

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

I don't understand the syntax, why not just this?

Suggested change
padding: 0 calc(var(--default-grid-baseline, 4px) * 2) 0 calc(var(--default-grid-baseline, 4px) * 3);
padding: 0 calc(var(--default-grid-baseline) * 2) 0 calc(var(--default-grid-baseline) * 3);

Copy link
Contributor

Choose a reason for hiding this comment

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

That's the fallback in case --default-grid-baseline is not defined.

Copy link

@nimishavijay nimishavijay left a comment

Choose a reason for hiding this comment

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

Nice! 🚀

@susnux susnux merged commit 14330a4 into master Jun 16, 2023
16 checks passed
@susnux susnux deleted the fix/align-app-navigation-caption branch June 16, 2023 10:07
@skjnldsv skjnldsv mentioned this pull request Jun 28, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working design Design, UX, interface and interaction design feature: app-navigation Related to the app-navigation component
Projects
None yet
Development

Successfully merging this pull request may close these issues.

AppNavigationCaption menu not aligned
4 participants