Merged in task/main-glam/GLAM-1030 (pull request DSpace#3653)

[GLAM-1030]

Author: vins01-4science

src/themes/glam/app/header/header.component.scss

@@ -1,13 +1,19 @@
 .logo-circle {
-    width: 120px;
-    height: 120px;
+    width: var(--ds-header-logo-height);
+    height: var(--ds-header-logo-height);
     background-position: center;
     background-color: #ddd;
     border-radius: 100%;
     background-image: url("/assets/images/dspace-glam-logo.svg");
     background-repeat: no-repeat;
+
+  @media screen and (max-width: map-get($grid-breakpoints, md)) {
+    height: var(--ds-header-logo-height-xs);
+    width: var(--ds-header-logo-height-xs);
+  }
 }
-  
+
+
 @media screen and (min-width: map-get($grid-breakpoints, md)) {
     nav.navbar {
         display: none;
@@ -16,7 +22,7 @@
         background-color: var(--ds-header-bg);
     }
 }
-  
+
 .navbar-brand img {
     @media screen and (max-width: map-get($grid-breakpoints, md)) {
         height: var(--ds-header-logo-height-xs);
@@ -26,11 +32,11 @@
     background-image: none !important;
     line-height: 1.5;
 }
-  
+
 .navbar-toggler {
     color: var(--ds-header-icon-color);
 
     &:hover, &:focus {
         color: var(--ds-header-icon-color-hover);
     }
-}
+}

src/themes/glam/app/navbar/navbar.component.html

@@ -6,7 +6,7 @@
         <div class="logo-circle mb-2"></div>
       </a>
       <div class="ml-auto right-container">
-        <ul class="navbar-nav ml-auto ml-auto mb-auto mt-3 list-unstyled">
+        <ul class="navbar-nav ml-auto ml-auto my-3 list-unstyled">
           <li *ngIf="mainSiteUrl">
             <div class="nav-item" id="home-icon">
               <a [attr.aria-label]="'nav.mainSiteName' | translate" class="nav-link navbar-collapsed" target="_blank" [href]="'https://' + mainSiteUrl" [ngbTooltip]="'nav.mainSiteName' | translate">

src/themes/glam/app/navbar/navbar.component.scss

@@ -1,6 +1,6 @@
 .logo-circle {
-  width: 160px;
-  height: 160px;
+  width: var(--ds-header-logo-height);
+  height: var(--ds-header-logo-height);
   background-position: center;
   background-color: #ddd;
   border-radius: 100%;
@@ -88,5 +88,5 @@ a.navbar-brand img {
 }
 
 .search-navbar-wrapper {
-  padding: 3rem var(--ds-cris-section-horizontal-padding);
+  padding: 0 var(--ds-cris-section-horizontal-padding) 1rem;
 }

src/themes/glam/styles/_theme_css_variable_overrides.scss

@@ -1,7 +1,8 @@
 // Override or add CSS variables for your theme here
 
 :root {
-  --ds-header-logo-height: 80px;
+  --ds-header-logo-height: 160px;
+  --ds-header-logo-height-xs: 120px;
   --ds-banner-text-background: rgba(0, 0, 0, 0.45);
   --ds-banner-background-gradient-width: 300px;
   --ds-home-news-link-color: #{$green};