From 6adcf4e89f72f134b4217a1e4b85623bbb93b76d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Fri, 11 Dec 2020 19:53:45 +0200
Subject: [PATCH] Cancel style

---
 .../src/app/components/comments/comments.component.html      | 2 +-
 .../assign-owner-dialog/assign-owner-dialog.component.html   | 2 +-
 .../admin/watermark-screen/watermark-screen.component.html   | 2 +-
 apps/red-ui/src/assets/styles/red-text-styles.scss           | 5 +++++
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/red-ui/src/app/components/comments/comments.component.html b/apps/red-ui/src/app/components/comments/comments.component.html
index 6759f8fe0..12854b686 100644
--- a/apps/red-ui/src/app/components/comments/comments.component.html
+++ b/apps/red-ui/src/app/components/comments/comments.component.html
@@ -36,6 +36,6 @@
 
     <div *ngIf="addingComment" class="comment-actions-container">
         <redaction-circle-button (action)="addComment()" [disabled]="!commentForm.value.comment" icon="red:check-alt" type="primary"></redaction-circle-button>
-        <div (click)="toggleAddingComment($event)" class="all-caps-label" translate="comments.cancel"></div>
+        <div (click)="toggleAddingComment($event)" class="all-caps-label cancel" translate="comments.cancel"></div>
     </div>
 </div>
diff --git a/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html b/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html
index 48abc3a49..25c33a2a0 100644
--- a/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html
+++ b/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html
@@ -52,7 +52,7 @@
                 {{ 'assign-' + data.type + '-owner.dialog.save' | translate }}
             </button>
 
-            <div class="all-caps-label pointer" [translate]="'assign-' + data.type + '-owner.dialog.cancel'" mat-dialog-close></div>
+            <div class="all-caps-label pointer cancel" [translate]="'assign-' + data.type + '-owner.dialog.cancel'" mat-dialog-close></div>
         </div>
     </form>
 
diff --git a/apps/red-ui/src/app/screens/admin/watermark-screen/watermark-screen.component.html b/apps/red-ui/src/app/screens/admin/watermark-screen/watermark-screen.component.html
index 7924a8beb..3bf16b4a2 100644
--- a/apps/red-ui/src/app/screens/admin/watermark-screen/watermark-screen.component.html
+++ b/apps/red-ui/src/app/screens/admin/watermark-screen/watermark-screen.component.html
@@ -49,7 +49,7 @@
                     {{ 'watermark-screen.action.save' | translate }}
                 </button>
 
-                <div class="all-caps-label pointer" (click)="revert()" [translate]="'watermark-screen.action.revert'"></div>
+                <div class="all-caps-label pointer cancel" (click)="revert()" [translate]="'watermark-screen.action.revert'"></div>
             </div>
         </div>
     </div>
diff --git a/apps/red-ui/src/assets/styles/red-text-styles.scss b/apps/red-ui/src/assets/styles/red-text-styles.scss
index b41467770..28648588e 100644
--- a/apps/red-ui/src/assets/styles/red-text-styles.scss
+++ b/apps/red-ui/src/assets/styles/red-text-styles.scss
@@ -55,6 +55,11 @@ pre {
     font-weight: 600;
     letter-spacing: 0;
     line-height: 14px;
+    transition: opacity 0.2s;
+
+    &.cancel:hover {
+        opacity: 1;
+    }
 }
 
 .small-label {