fix(kit): icon hover on readonly (#8469)

taiga-family · Aug 13, 2024 · f191f9a · f191f9a
1 parent 9a09e32
commit f191f9a
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 0 deletions.
diff --git a/projects/core/styles/theme/wrapper/icon.less b/projects/core/styles/theme/wrapper/icon.less
@@ -38,4 +38,8 @@
     .wrapper-disabled({
         opacity: calc(0.5 * var(--tui-disabled-opacity));
     });
+
+    .wrapper-readonly({
+        pointer-events: none;
+    });
 }
diff --git a/projects/kit/components/input-date-multi/input-date-multi.template.html b/projects/kit/components/input-date-multi/input-date-multi.template.html
@@ -42,6 +42,7 @@
             appearance="icon"
             tuiWrapper
             [class.t-icon]="!computedDisabled"
+            [readOnly]="readOnly"
             [src]="src"
             (click)="onIconClick()"
         ></tui-svg>

diff --git a/projects/kit/components/input-date-range/input-date-range.template.html b/projects/kit/components/input-date-range/input-date-range.template.html
@@ -48,6 +48,7 @@
             automation-id="tui-input-date-range__icon"
             tuiWrapper
             [class.t-icon]="!computedDisabled"
+            [readOnly]="readOnly"
             [src]="src"
             (click)="onIconClick()"
         ></tui-svg>

diff --git a/projects/kit/components/input-date-time/input-date-time.template.html b/projects/kit/components/input-date-time/input-date-time.template.html
@@ -35,6 +35,7 @@
             appearance="icon"
             tuiWrapper
             [class.t-icon]="!computedDisabled"
+            [readOnly]="readOnly"
             [src]="src"
         ></tui-svg>
         <input

diff --git a/projects/kit/components/input-date/input-date.template.html b/projects/kit/components/input-date/input-date.template.html
@@ -38,6 +38,7 @@
             automation-id="tui-input-date-range__icon"
             tuiWrapper
             [class.t-icon]="!computedDisabled"
+            [readOnly]="readOnly"
             [src]="src"
             (click)="onIconClick()"
         ></tui-svg>