added brand template for upstream ceph logo

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 02d5175f5d2a23c2856fd5e49dc7753f7129b1fe..450353d83bb3f20ab48a32017b073fb42f7a1b1e 100644 (file)
--- 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 621f4d0cfb045dc3db416503b1b6e0545fc5b473..f038df891e85b08622d6ab0f27e3a0831b1ef883 100644 (file)
--- 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;