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(Carousel): use dir from locale #2647

Merged
merged 2 commits into from
Nov 15, 2024

Conversation

Malik-Jouda
Copy link
Contributor

πŸ”— Linked issue

❓ Type of change

  • πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

Screen.Recording.2024-11-14.at.10.32.09.PM.mov

carousel-in-rtl-mode

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

@Malik-Jouda Malik-Jouda changed the title Carousel rtl mode fix(Carousel): handle Carousel in RTL mode Nov 14, 2024
Copy link

pkg-pr-new bot commented Nov 14, 2024

pnpm add https://pkg.pr.new/@nuxt/ui@2647

commit: 5c2008a

@benjamincanac benjamincanac changed the title fix(Carousel): handle Carousel in RTL mode fix(Carousel): handle in RTL mode Nov 14, 2024
@benjamincanac
Copy link
Member

Don't you need to rotate the arrows in horizontal mode as well? πŸ€”

@Malik-Jouda
Copy link
Contributor Author

Malik-Jouda commented Nov 15, 2024

Don't you need to rotate the arrows in horizontal mode as well? πŸ€”

Yes

rotate

@@ -18,8 +18,8 @@ export default (options: Required<ModuleOptions>) => ({
vertical: {
container: 'flex-col -mt-4',
item: 'pt-4',
prev: '-top-12 left-1/2 -translate-x-1/2 rotate-90',
next: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90'
prev: '-top-12 left-1/2 -translate-x-1/2 rotate-90 rtl:-rotate-90',
Copy link
Member

Choose a reason for hiding this comment

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

But you only applied rotate for vertical mode here πŸ€”

Copy link
Contributor Author

@Malik-Jouda Malik-Jouda Nov 15, 2024

Choose a reason for hiding this comment

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

But you only applied rotate for vertical mode here πŸ€”

@benjamincanac Check the image after it has been updated

rotate

@benjamincanac benjamincanac changed the title fix(Carousel): handle in RTL mode fix(Carousel): handle direction from locale Nov 15, 2024
@benjamincanac benjamincanac changed the title fix(Carousel): handle direction from locale fix(Carousel): use dir from locale Nov 15, 2024
@benjamincanac benjamincanac merged commit 1fbbfe8 into nuxt:v3 Nov 15, 2024
2 checks passed
@Malik-Jouda Malik-Jouda deleted the carousel-rtl-mode branch November 15, 2024 11:15
@benjamincanac benjamincanac added the v3 #1289 label Nov 16, 2024 — with Volta.net
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v3 #1289
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants