banana/definma-ui
2
Fork 0
Code Releases Activity

fixed to the top button

Browse Source
This commit is contained in:
VLE2FE 2020-08-25 09:01:45 +02:00
parent 141064b38d
commit 3e53ef874c
3 changed files with 9 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/app.component.html
View File

@ -53,16 +53,13 @@
</div> </div>
</rb-full-header> </rb-full-header>
<div class="to-the-top-container"> <div class="container">
<div class="container">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div>
<div class="to-the-top">
<rb-icon-button icon="up" mode="primary" iconOnly (click)="toTheTop()"></rb-icon-button>
</div>
</div> </div>
<rb-icon-button icon="up" mode="primary" iconOnly (click)="toTheTop()" *ngIf="window.scrollY > 300" class="to-the-top">
</rb-icon-button>
<rb-footer-nav> <rb-footer-nav>
<span class="copyright"> <span class="copyright">
CR/APS1 and CR/ANA1 2020 CR/APS1 and CR/ANA1 2020

14
src/app/app.component.scss
View File

@ -14,21 +14,13 @@
width: 800px; width: 800px;
} }
.to-the-top-container { .container {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.to-the-top { .to-the-top {
position: absolute; position: fixed;
top: 100vh;
bottom: 10px;
right: 1rem; right: 1rem;
pointer-events: none; bottom: 20px;
rb-icon-button {
position: sticky;
pointer-events: all;
top: calc(100vh - 3rem);
}
} }

2
src/app/app.component.ts
View File

@ -22,7 +22,7 @@ export class AppComponent implements OnInit{
constructor( constructor(
public login: LoginService, public login: LoginService,
public router: Router, public router: Router,
private window: Window, public window: Window,
private modal: ModalService, private modal: ModalService,
public d: DataService public d: DataService
) { ) {