From f6c5ae648aa7952f3527fc28e7487d602785df55 Mon Sep 17 00:00:00 2001
From: Ivo Almeida <ialmeida@redhat.com>
Date: Wed, 29 May 2024 09:13:50 +0100
Subject: [PATCH] added brand template for upstream ceph logo

---
 .../navigation/navigation.component.html           | 14 +++++++++++++-
 .../navigation/navigation.component.scss           | 11 +++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
index 02d5175f5d2a2..450353d83bb3f 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
@@ -2,7 +2,7 @@
 <!-- HEADER  -->
 <!-- ************************ -->
 <ng-template #header>
-<cds-header name="Ceph Dashboard">
+<cds-header name="Ceph Dashboard" [brand]="brandTemplate" [isTemplate]="true">
   <cds-hamburger [active]="showMenuSidebar"
                  (selected)="showMenuSidebar = !showMenuSidebar"></cds-hamburger>
   <cds-header-global>
@@ -19,6 +19,18 @@
 </cds-header>
 </ng-template>
 
+<ng-template #brandTemplate>
+  <!-- <a class="cds--header__name">
+    <svg cdsIcon="carbon" size="32" style="stroke:white;fill:white"></svg>
+    <span class="cds--header__name--prefix">IBM</span>
+    [Platform]
+  </a> -->
+  <a class="cds--header__name navbar-brand ms-3"
+     href="#">
+    <img src="assets/Ceph_Ceph_Logo_with_text_white.svg"
+         alt="Ceph" />
+  </a>
+</ng-template>
 <!-- ************************ -->
 <!-- NOTIFICATIONS/ALERTS  -->
 <!-- ************************ -->
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
index 621f4d0cfb045..f038df891e85b 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
@@ -15,6 +15,17 @@
     NAVBAR STYLE
 --------------------------------------------------- */
 
+.navbar-brand,
+.navbar-brand:hover {
+  color: vv.$gray-200;
+  height: auto;
+  padding: 0;
+}
+
+.navbar-brand > img {
+  height: 25px;
+}
+
 ::ng-deep cd-navigation .cd-navbar-top {
   .cd-navbar-brand {
     background: vv.$secondary;
-- 
2.39.5