diff --git a/packages/primevue/src/galleria/style/GalleriaStyle.js b/packages/primevue/src/galleria/style/GalleriaStyle.js index 8c04d4687..6eae421a7 100644 --- a/packages/primevue/src/galleria/style/GalleriaStyle.js +++ b/packages/primevue/src/galleria/style/GalleriaStyle.js @@ -74,6 +74,18 @@ const theme = ({ dt }) => ` right: 0; } +.p-galleria-prev-button:dir(rtl) { + left: auto; + right: 0; + transform: rotate(180deg); +} + +.p-galleria-next-button:dir(rtl) { + right: auto; + left: 0; + transform: rotate(180deg); +} + .p-galleria-item { display: flex; justify-content: center; @@ -166,6 +178,11 @@ const theme = ({ dt }) => ` width: 100%; } +.p-galleria:not(.p-galleria-thumbnails-right):not(.p-galleria-thumbnails-left) .p-galleria-thumbnail-prev-button:dir(rtl), +.p-galleria:not(.p-galleria-thumbnails-right):not(.p-galleria-thumbnails-left) .p-galleria-thumbnail-next-button:dir(rtl) { + transform: rotate(180deg); +} + .p-galleria-thumbnail-items { display: flex; }