master
Boris Voropaev 2023-09-07 18:01:23 +03:00
parent a70eef16ae
commit e24a237ca0
4 changed files with 38 additions and 41 deletions

View File

@ -24,27 +24,27 @@
</div>
<div class="menu">
<div>
<a href="#">О компании</a>
<a href="/glavnaia/o-kompanii">О компании</a>
</div>
<div>
<a href="#">Добровольная сертификация</a>
<a href="/glavnaia/sertifikatsiia/dobrovolnaia-sertifikatsiia-v-sds-intergazsert">Добровольная сертификация</a>
</div>
<div>
<a href="#">Обязательная сертификация</a>
<a href="/glavnaia/sertifikatsiia/obiazatelnaia-sertifikatsiia">Обязательная сертификация</a>
</div>
<div>
<a href="#">Испытания</a>
<a href="/glavnaia/sertifikatsiia/ispytaniia">Испытания</a>
</div>
</div>
<div class="menu">
<div>
<a href="#">Валидация и верификация</a>
<a href="/glavnaia/validatsiia-i-verifikatsiia">Валидация и верификация</a>
</div>
<div>
<a href="#">Стандартизация</a>
<a href="/glavnaia/standartizatsiia">Стандартизация</a>
</div>
<div>
<a href="#">Новости</a>
<a href="/glavnaia/novosti">Новости</a>
</div>
<div *ngIf="!user">
<a (click)="login()">Вход для зарегистрированных пользователей</a>

View File

@ -1,44 +1,36 @@
<div class="header" [ngClass]="{hidemobile:!showBottom,showmobile:showBottom}" >
<!-- <div class="top">
<div class="limiter">
<div class="main-menu-btn" (click)="showBottom=true">
<button></button>
</div>
<div class="logos">
<a class="fcs" routerLink="/" title="Федеральный центр нормирования и стандартизации"></a>
<a class="minstroy" href="https://www.minstroyrf.gov.ru" target="_blank"></a>
</div>
<div class="menu">
<button type="button" class="icon goggles" (click)="settingsSite()"></button>
<button *ngIf="authenticationService.isAdmin || authenticationService.isMainCompanyMember" type="button" class="icon dial-pad" routerLink="/phonebook"></button>
<button type="button" class="icon search" routerLink="/search"></button>
<button *ngIf="!user" type="button" class="icon login" (click)="login()"></button>
<header-user-bar *ngIf="user" [user]="user"></header-user-bar>
</div>
</div>
</div> -->
<div class="header" >
<div class="bottom">
<!-- -->
<div class="main-menu-btn" (click)="showBottom=true" [ngClass]="{hidemobile:showBottom,showmobile:!showBottom}">
<div class="main-menu-btn" (click)="showBottom=true">
<button class=" clear"></button>
</div>
<a href="/glavnaia/">
<div class="logo" [ngClass]="{hidemobile:showBottom,showmobile:!showBottom}">
<div class="logo">
<header-user-bar *ngIf="user" [user]="user"></header-user-bar>
</div>
</a>
<div class="grid-menu" [ngClass]="{hidemobile:!showBottom,showmobile:showBottom}">
</a>
<div class="grid-menu" >
<button class="close" (click)="showBottom=false"></button>
<pages-menu [items]="menuItems" (onSelected)="itemSelect($event)"></pages-menu>
<a class="ais">АИС СЦ ВНИИГАЗ</a>
</div>
<div class="fog" (click)="showBottom=false" [ngClass]="{hidemobile:!showBottom,showmobile:showBottom}"></div>
<div class="right" style="position: relative;" [ngClass]="{hidemobile:!showBottom,showmobile:showBottom}">
<button>АИС СЦ ВНИИГАЗ</button>
<div class="right" style="position: relative;">
<a class="btn" href="https://ais.vniigaz-cert.ru/" target="_blank">АИС СЦ ВНИИГАЗ</a>
<header-user-bar *ngIf="user" [user]="user"></header-user-bar>
</div>
</div>
</div>
<div class="header showmobile" *ngIf="showBottom">
<div class="bottom">
<div class="grid-menu">
<button class="close" (click)="showBottom=false"></button>
<pages-menu [items]="menuItems" (onSelected)="itemSelect($event)"></pages-menu>
<a class="ais" href="https://ais.vniigaz-cert.ru/" target="_blank">АИС СЦ ВНИИГАЗ</a>
</div>
<div class="fog" (click)="showBottom=false" [ngClass]="{hidemobile:!showBottom,showmobile:showBottom}"></div>
</div>
</div>

View File

@ -1,12 +1,13 @@
@media screen and (max-width: 1264px){
:host{
display: flex;
.hidemobile{
display: none;
}
.header{
flex-grow: 1;
padding: 12px 24px;
background-color: #FFF;
min-height: 100%;
.bottom{
display: flex;
align-items: stretch;
@ -38,14 +39,17 @@
flex-grow: 1;
}
.hidemobile{
display: none;
}
}
.grid-menu {
display: none;
}
&.showmobile{
position:fixed;
top:0;
padding: 0;
width: 100dvw;
height: 100dvh;
@ -53,6 +57,7 @@
z-index:100;
overflow-y: scroll;
.grid-menu{
display: block;
background: var(--blue-3);
color: white;
width: 480px;

View File

@ -42,7 +42,7 @@
display: flex;
flex-direction: column;
flex-grow: 0;
flex-basis: 30%;
flex-basis: 270px;
gap: 16px;
overflow: hidden;
>*{