From 9eecf327c264ae65dc80dc474d5e02526d63597e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Wed, 22 Mar 2023 12:37:49 +0200
Subject: [PATCH] Full opacity option for .small-label

---
 src/assets/styles/common-texts.scss                  | 5 ++++-
 src/lib/help-mode/help-mode/help-mode.component.html | 2 +-
 src/lib/help-mode/help-mode/help-mode.component.scss | 4 ----
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/assets/styles/common-texts.scss b/src/assets/styles/common-texts.scss
index 356185c..4bb6202 100644
--- a/src/assets/styles/common-texts.scss
+++ b/src/assets/styles/common-texts.scss
@@ -97,7 +97,10 @@ pre {
     font-size: 11px;
     line-height: 14px;
     font-weight: initial;
-    @extend .text-muted;
+
+    &:not(.full-opacity) {
+        @extend .text-muted;
+    }
 }
 
 .link-action {
diff --git a/src/lib/help-mode/help-mode/help-mode.component.html b/src/lib/help-mode/help-mode/help-mode.component.html
index d63f73e..aee50fa 100644
--- a/src/lib/help-mode/help-mode/help-mode.component.html
+++ b/src/lib/help-mode/help-mode/help-mode.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="helpModeService.isHelpModeActive$ | async">
     <div class="help-mode-border"></div>
-    <div class="bottom small-label">
+    <div class="bottom small-label full-opacity">
         <strong>{{ 'help-mode.bottom-text' | translate }}</strong>
         <a (click)="helpModeService.openHelpModeDialog()" *ngIf="(helpModeService.helpModeDialogIsOpened$ | async) === false">
             {{ 'help-mode.instructions' | translate }}
diff --git a/src/lib/help-mode/help-mode/help-mode.component.scss b/src/lib/help-mode/help-mode/help-mode.component.scss
index 828706c..1bb33f8 100644
--- a/src/lib/help-mode/help-mode/help-mode.component.scss
+++ b/src/lib/help-mode/help-mode/help-mode.component.scss
@@ -15,10 +15,6 @@
     justify-content: center;
 }
 
-.small-label {
-    opacity: 1;
-}
-
 .bottom {
     position: fixed;
     height: 30px;