Boa tarde a todos,
Após algumas alterações no diretório src/themes/dspace/app/navbar/navbar.component.html, ele está apontando para o outro local, onde verifiquei que está sem texto algum, src/themes/custom/app/navbar/navbar.component.html/scss, único que possui alguma informação é o navbar.component.ts. Caso alguém tenha o conteúdo base desses arquivos e possa mandar, agradeço.
Bom dia Matheus,
Pode-se encontrar esse conteúdo em src/app/navbr/navbar.component.html
<nav [ngClass]="{'open': !(menuCollapsed | async)}" [@slideMobileNav]="!(windowService.isXsOrSm() | async) ? 'default' : ((menuCollapsed | async) ? 'collapsed' : 'expanded')"
class="navbar navbar-light navbar-expand-md p-md-0 navbar-container" role="navigation" [attr.aria-label]="'nav.main.description' | translate">
<!-- TODO remove navbar-container class when https://github.com/twbs/bootstrap/issues/24726 is fixed -->
<div class="navbar-inner-container w-100" [class.container]="!(isXsOrSm$ | async)">
<div class="reset-padding-md w-100">
<div id="collapsingNav">
<ul class="navbar-nav navbar-navigation mr-auto shadow-none">
<li *ngIf="(isXsOrSm$ | async) && (isAuthenticated$ | async)">
<ds-user-menu [inExpandableNavbar]="true"></ds-user-menu>
</li>
<ng-container *ngFor="let section of (sections | async)">
<ng-container *ngComponentOutlet="(sectionMap$ | async).get(section.id)?.component; injector: (sectionMap$ | async).get(section.id)?.injector;"></ng-container>
</ng-container>
</ul>
</div>
</div>
</div>
</nav>
O arquivo localizado em src/themes/custom/app/navbar/navbar.component.ts define o componente utilizado, neste caso ele está habilitando para o navbar os arquivos localizados em: ../../../../app/navbar/navbar.component.scss e ../../../../app/navbar/navbar.component.html
import { Component } from '@angular/core';
import { NavbarComponent as BaseComponent } from '../../../../app/navbar/navbar.component';
import { slideMobileNav } from '../../../../app/shared/animations/slide';
/**
* Component representing the public navbar
*/
@Component({
selector: 'ds-navbar',
// styleUrls: ['./navbar.component.scss'],
styleUrls: ['../../../../app/navbar/navbar.component.scss'],
// templateUrl: './navbar.component.html',
templateUrl: '../../../../app/navbar/navbar.component.html',
animations: [slideMobileNav]
})
export class NavbarComponent extends BaseComponent {
}
Muito obrigado Mirele, irei preencher e verificar se resolve os erros, poderia disponibilizar também o src/themes/custom/app/navbar/navbar.component.scss ?
Boa noite Matheus,
Por padrão o src/themes/custom/app/navbar/navbar.component.scss é vazio mesmo, pode-se encontrar o style do componente navbar em: src/app/navbar/navbar.component.scss:
nav.navbar {
border-bottom: 1px var(--ds-header-navbar-border-bottom-color) solid;
align-items: baseline;
}
/** Mobile menu styling **/
@media screen and (max-width: map-get($grid-breakpoints, md)-0.02) {
.navbar {
width: 100%;
background-color: var(--bs-white);
position: absolute;
overflow: hidden;
height: 0;
&.open {
height: auto;
min-height: 100vh; //doesn't matter because wrapper is sticky
}
}
}
@media screen and (min-width: map-get($grid-breakpoints, md)) {
.reset-padding-md {
margin-left: calc(var(--bs-spacer) / -2);
margin-right: calc(var(--bs-spacer) / -2);
}
}
/* TODO remove when https://github.com/twbs/bootstrap/issues/24726 is fixed */
.navbar-expand-md.navbar-container {
@media screen and (max-width: map-get($grid-breakpoints, md)-0.02) {
> .navbar-inner-container {
padding: 0 var(--bs-spacer);
}
padding: 0;
}
}
.navbar-nav {
::ng-deep a.nav-link {
color: var(--ds-navbar-link-color);
}
::ng-deep a.nav-link:hover {
color: var(--ds-navbar-link-color-hover);
}
}
Bom dia Mirele, após colocar o conteúdo dos arquivos, estou tendo erros que estão relacionados ao fechamento das tags, div, nav, ul etc. Saberia informar o que pode está acontecendo ?
Fechando tópico, foi analisado que possuía outros diretórios vazios, algumas variáveis estavam sem relação. Desde já agradeço a atenção e o suporte com as soluções.
