Merge pull request #3246 from Countly/abhishek/themes

ar2rsawseen · web-flow · commit c576ee9aea23 · 2022-06-07T17:14:54.000+03:00
[SER-146] changes for ratings to support rtl theme
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>
