fix(kit): icon hover on readonly

taiga-family · Aug 12, 2024 · b82162e · b82162e
1 parent ef7e6f1
commit b82162e
Show file tree

Hide file tree

Showing 6 changed files with 9 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-copy/input-copy.template.html b/projects/kit/components/input-copy/input-copy.template.html
@@ -27,6 +27,7 @@
         tuiWrapper
         class="t-icon"
         [disabled]="!value"
+        [readOnly]="readOnly"
         [src]="src"
         [tuiHint]="hint"
         [tuiHintAppearance]="messageAppearance"

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>