changes for ratings to support rtl theme

abhisheksingla02 · abhisheksingla02 · commit 4fb0d479dd6c · 2022-06-07T10:11:28.000Z
diff --git a/frontend/express/public/themes/rtl/theme.css b/frontend/express/public/themes/rtl/theme.css
@@ -9,4 +9,5 @@
 .cly-vue-nps-preview .rating-labels .left { float: right !important; }
 .cly-vue-nps-preview .rating-labels .right { float: left !important; }
 .cly-vue-nps-preview .submit-wrapper .submit-button { float: left !important; }
-.cly-vue-nps-preview .submit-wrapper img { float: right !important; }
+.cly-vue-nps-preview .submit-wrapper img { float: right !important; }
+.cly-vue-ratings-preview { direction: rtl; }
diff --git a/plugins/star-rating/frontend/public/templates/drawer.html b/plugins/star-rating/frontend/public/templates/drawer.html
@@ -14,7 +14,7 @@
 		v-bind="$props.controls">
     <template v-slot:sidecars="drawerScope">
 			<cly-content id="mainSidecar" role="sidecar" :always-active="true">
-				<div class="ratings-drawer__sidecar widget-preview">
+				<div class="ratings-drawer__sidecar widget-preview cly-vue-ratings-preview">
 					<div class="preview-stage" v-if="drawerScope.currentStepId === 'step1' || drawerScope.currentStepId === 'step2' || drawerScope.currentStepId === 'step3'" >
 						<div class="bu-is-size-7 ratings-drawer__stage-label">
 							{{ i18n('feedback.ratings-popup') }}
diff --git a/plugins/star-rating/frontend/public/templates/feedback-popup.html b/plugins/star-rating/frontend/public/templates/feedback-popup.html
@@ -15,7 +15,7 @@
     <meta content="width=device-width, initial-scale=1" name="viewport">
     </meta>
 </head>
-<body class="ratings-popup">
+<body class="ratings-popup cly-vue-ratings-preview">
 <div class="rating-loader-wrapper">
     <img src="../../star-rating/images/star-rating/loader.svg" class="rating-loader"/>
 </div>
