[CLNP-5095] fix: ignore RTL handling - checkbox style (#1217)

AhyoungRyu · web-flow · commit 40ee36163b5d · 2024-09-12T12:01:28.000+09:00
Fixes https://sendbird.atlassian.net/browse/CLNP-5095 #### Before <img width="550" alt="Screenshot 2024-09-11 at 3 56 05 PM" src="https://github.com/user-attachments/assets/25b8ca57-028b-4a66-8916-05f6e18ae374"> #### After - LTR <img width="550" alt="Screenshot 2024-09-11 at 3 56 13 PM" src="https://github.com/user-attachments/assets/548139eb-d82c-48b6-a6c5-614d4b490715"> - RTL <img width="537" alt="Screenshot 2024-09-11 at 3 58 32 PM" src="https://github.com/user-attachments/assets/5928b3f4-7b4c-4aa0-84fa-c9827474b142">
diff --git a/src/ui/Checkbox/index.scss b/src/ui/Checkbox/index.scss
@@ -66,6 +66,8 @@
   display: block;
 }
 
+// Rotating is not necessary in RTL so ignore it
+/*rtl:begin:ignore*/
 .sendbird-checkbox .sendbird-checkbox--checkmark:after {
   @include themed() {
     left: 5px;
@@ -77,3 +79,4 @@
     transform: rotate(45deg);
   }
 }
+/**rtl:end:ignore**/

Original file line number	Diff line number	Diff line change
`@@ -66,6 +66,8 @@`
`66`	`66`	`display: block;`
`67`	`67`	`}`
`68`	`68`
	`69`	`+// Rotating is not necessary in RTL so ignore it`
	`70`	`+/rtl:begin:ignore/`
`69`	`71`	`.sendbird-checkbox .sendbird-checkbox--checkmark:after {`
`70`	`72`	`@include themed() {`
`71`	`73`	`left: 5px;`
`@@ -77,3 +79,4 @@`
`77`	`79`	`transform: rotate(45deg);`
`78`	`80`	`}`
`79`	`81`	`}`
	`82`	`+/rtl:end:ignore/`