Finally got logo to work with DSpace Theme

PEDSnet · Jun 11, 2024 · 70680dc · 70680dc
1 parent 86f4b1b
commit 70680dc
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 3 deletions.
diff --git a/src/themes/dspace-simple/app/header/header.component.html b/src/themes/dspace-simple/app/header/header.component.html
@@ -2,7 +2,7 @@
   <nav role="navigation" [attr.aria-label]="'nav.user.description' | translate" class="container navbar navbar-expand-md px-0">
     <div class="d-flex flex-grow-1">
       <a class="navbar-brand m-2" routerLink="/home">
-        <img src="assets/images/dspace-logo.svg" [attr.alt]="'menu.header.image.logo' | translate"/>
+        <img src="assets/dspace-simple/images/PEDSnetLogo.png" [attr.alt]="'menu.header.image.logo' | translate"/>
       </a>
     </div>
     <div class="navbar-buttons d-flex flex-grow-1 ml-auto justify-content-end align-items-center gapx-1">

diff --git a/src/themes/dspace-simple/app/navbar/navbar.component.html b/src/themes/dspace-simple/app/navbar/navbar.component.html
@@ -2,7 +2,7 @@
   class="navbar navbar-expand-md navbar-light p-0 navbar-container" role="navigation" [attr.aria-label]="'nav.main.description' | translate">
   <div class="navbar-inner-container w-100 h-100" [class.container]="!(isXsOrSm$ | async)">
     <a class="navbar-brand my-2" routerLink="/home">
-      <img src="assets/images/dspace-logo.svg" [attr.alt]="'menu.header.image.logo' | translate" />
+      <img src="assets/dspace-simple/images/PEDSnetLogo.png" [attr.alt]="'menu.header.image.logo' | translate" />
     </a>
 
     <div id="collapsingNav" class="w-100 h-100">

diff --git a/...emes/custom/assets/images/PEDSnetLogo.png → ...pace-simple/assets/images/PEDSnetLogo.png b/...emes/custom/assets/images/PEDSnetLogo.png → ...pace-simple/assets/images/PEDSnetLogo.png
diff --git a/src/themes/dspace-simple/styles/_theme_css_variable_overrides.scss b/src/themes/dspace-simple/styles/_theme_css_variable_overrides.scss
@@ -1,7 +1,7 @@
 // Override or add CSS variables for your theme here
 
 :root {
-  --ds-header-logo-height: 40px;
+  --ds-header-logo-height: 80px;
   --ds-banner-text-background: rgba(0, 0, 0, 0.45);
   --ds-banner-background-gradient-width: 300px;
   --ds-home-news-link-color: #{$green};