[liquid] sticky header
This commit is contained in:
parent
83c285e17d
commit
81d1a809d2
@ -1,5 +1,5 @@
|
|||||||
<ng-container *ngIf="{ val: network$ | async } as network">
|
<ng-container *ngIf="{ val: network$ | async } as network">
|
||||||
<header>
|
<header class="sticky-header">
|
||||||
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
|
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
|
||||||
<a class="navbar-brand" [routerLink]="['/' | relativeUrl]" style="position: relative;">
|
<a class="navbar-brand" [routerLink]="['/' | relativeUrl]" style="position: relative;">
|
||||||
<ng-container *ngIf="{ val: connectionState$ | async } as connectionState">
|
<ng-container *ngIf="{ val: connectionState$ | async } as connectionState">
|
||||||
|
@ -1,3 +1,11 @@
|
|||||||
|
.sticky-header {
|
||||||
|
position: sticky;
|
||||||
|
position: -webkit-sticky;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
li.nav-item.active {
|
li.nav-item.active {
|
||||||
background-color: #653b9c;
|
background-color: #653b9c;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user