hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[DURACOM-180] Prevent header from covering media viewer controls (base theme)

Browse Source
This commit is contained in:
Davide Negretti
2023-11-09 15:24:22 +01:00
parent 0208a78437
commit c042cd8d11
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/header-nav-wrapper/header-navbar-wrapper.component.html
View File

@@ -1,4 +1,4 @@
<div [ngClass]="{'open': !(isNavBarCollapsed | async)}"> <div [ngClass]="{'open': !(isNavBarCollapsed | async)}" id="header-navbar-wrapper">
<ds-themed-header></ds-themed-header> <ds-themed-header></ds-themed-header>
<ds-themed-navbar></ds-themed-navbar> <ds-themed-navbar></ds-themed-navbar>
</div> </div>

4
src/app/header-nav-wrapper/header-navbar-wrapper.component.scss
View File

@@ -1,4 +1,6 @@
:host { :host {
position: relative; position: relative;
z-index: var(--ds-nav-z-index); div#header-navbar-wrapper {
border-bottom: 1px var(--ds-header-navbar-border-bottom-color) solid;
}
} }

3
src/app/navbar/navbar.component.scss
View File

@@ -1,6 +1,5 @@
nav.navbar { nav.navbar {
background-color: var(--ds-navbar-bg); background-color: var(--ds-navbar-bg);
border-bottom: 1px var(--ds-header-navbar-border-bottom-color) solid;
align-items: baseline; align-items: baseline;
} }
@@ -12,9 +11,11 @@ nav.navbar {
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
height: 0; height: 0;
z-index: var(--ds-nav-z-index);
&.open { &.open {
height: auto; height: auto;
min-height: 100vh; //doesn't matter because wrapper is sticky min-height: 100vh; //doesn't matter because wrapper is sticky
border-bottom: 1px var(--ds-header-navbar-border-bottom-color) solid; // open navbar covers header-navbar-wrapper border
} }
} }
} }