Merge branch 'master' into feat/set-data-action-operators

IDEMSInternational · Dec 18, 2024 · 2c7f0cc · 2c7f0cc
2 parents 069eded + 40946f7
commit 2c7f0cc
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/src/app/shared/components/template/components/select-text/select-text.component.html b/src/app/shared/components/template/components/select-text/select-text.component.html
@@ -2,6 +2,7 @@
   class="box-wrapper"
   [attr.data-toggled]="toggle"
   (click)="triggerCopyContent($event, _row); triggerActions('click')"
+  [attr.data-language-direction]="templateTranslateService.languageDirection()"
 >
   <div class="text">{{ _row?.value }}</div>
   <div class="copy-button">

diff --git a/src/app/shared/components/template/components/select-text/select-text.component.ts b/src/app/shared/components/template/components/select-text/select-text.component.ts
@@ -8,6 +8,7 @@ import {
 } from "src/app/shared/utils";
 import { TemplateBaseComponent } from "../base";
 import { FlowTypes, ITemplateRowProps } from "../../models";
+import { TemplateTranslateService } from "../../services/template-translate.service";
 
 @Component({
   selector: "plh-select-text",
@@ -31,6 +32,10 @@ export class SelectTextComponent
   //output: 0
   public subscribe: Subscription;
 
+  constructor(public templateTranslateService: TemplateTranslateService) {
+    super();
+  }
+
   ngOnInit() {
     this.getParams();
   }

diff --git a/src/theme/themes/plh_kids_kw/_overrides.scss b/src/theme/themes/plh_kids_kw/_overrides.scss
@@ -482,6 +482,7 @@ body[data-theme="plh_kids_kw"] {
       border: none;
       width: 100%;
       padding: 0;
+      border-radius: 12px !important;
       .text {
         border: 1px solid var(--color-accent-yellow-80);
         border-top-left-radius: 12px;
@@ -520,6 +521,23 @@ body[data-theme="plh_kids_kw"] {
       .image-based-icon {
         max-width: 32px !important;
       }
+      &[data-toggled="true"] {
+        background-color: var(--color-accent-yellow-95) !important;
+      }
+    }
+    .box-wrapper[data-language-direction~="rtl"] {
+      .text {
+        border-top-right-radius: 12px;
+        border-bottom-right-radius: 12px;
+        border-top-left-radius: 0px;
+        border-bottom-left-radius: 0px;
+      }
+      .copy-button {
+        border-top-left-radius: 12px;
+        border-bottom-left-radius: 12px;
+        border-top-right-radius: 0px;
+        border-bottom-right-radius: 0px;
+      }
     }
   }