bagfix
parent
a70eef16ae
commit
e24a237ca0
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 0;
|
||||
flex-basis: 30%;
|
||||
flex-basis: 270px;
|
||||
gap: 16px;
|
||||
overflow: hidden;
|
||||
>*{
|
||||
|
|
|
|||
Loading…
Reference in New Issue