Merge pull request #40348 from rhcs-dashboard/fix-49606-master

mgr/dashboard: improve telemetry opt-in reminder notification message

Reviewed-by: Alfonso Martínez <almartin@redhat.com>
Reviewed-by: Nizamudeen A <nia@redhat.com>
Reviewed-by: Yaarit Hatuka <yaarithatuka@gmail.com>

src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html

@@ -2,8 +2,8 @@
            type="warning"
            *ngIf="displayNotification"
            (close)="close($event)">
-  <div i18n>The Telemetry module is not submitting telemetry data at the
-    moment. Click
-  <a routerLink="/telemetry"
-     class="alert-link">here</a> to activate it now.</div>
+  <div i18n>The Ceph community needs your help to continue improving: please
+    <a routerLink="/telemetry"
+       class="btn activate-button alert-link activate-text">Activate</a> the
+  <a href="https://docs.ceph.com/en/latest/mgr/telemetry/">Telemetry</a> module.</div>
 </ngb-alert>

src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss

@@ -1,3 +1,17 @@
+@use './src/styles/vendor/variables' as vv;
+
 ::ng-deep cd-telemetry-notification .no-margin-bottom {
   margin-bottom: 0;
 }
+
+.activate-button {
+  background-color: vv.$barley-white;
+  border: vv.$gray-700 solid 0.5px;
+  border-radius: 10%;
+  padding: 0.1rem 0.4rem;
+}
+
+.activate-text {
+  color: vv.$gray-700;
+  font-weight: bold;
+}

src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss

@@ -22,6 +22,7 @@ $yellow: #ffc200 !default;
 $green: #0b0 !default;
 $teal: #20c997 !default;
 $cyan: #17a2b8 !default;
+$barley-white: #fcecba !default;
 
 $primary: #2b99a8 !default;
 $secondary: #374249 !default;