From 1d41c4fb81b2cac36845451e34556f4970753433 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Sun, 24 Feb 2019 13:28:28 +0100
Subject: [PATCH] Show header only above card if mobile
---
src/app/components/home/home-page/home-page.component.html | 2 +-
src/app/components/home/home-page/home-page.component.ts | 5 +++++
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/app/components/home/home-page/home-page.component.html b/src/app/components/home/home-page/home-page.component.html
index b5b09047d..757cafe9a 100644
--- a/src/app/components/home/home-page/home-page.component.html
+++ b/src/app/components/home/home-page/home-page.component.html
@@ -1,5 +1,5 @@
<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
- <div fxLayout="row" fxLayoutAlign="center">
+ <div fxLayout="row" fxLayoutAlign="center" *ngIf="mobile === true">
<h1>
<span class="main-heading-secondary">{{ 'login-page.welcome' | translate }}</span>
<span class="main-heading-primary">ARSnova</span>
diff --git a/src/app/components/home/home-page/home-page.component.ts b/src/app/components/home/home-page/home-page.component.ts
index 4f4959515..b630f9533 100644
--- a/src/app/components/home/home-page/home-page.component.ts
+++ b/src/app/components/home/home-page/home-page.component.ts
@@ -7,9 +7,14 @@ import { Component, OnInit } from '@angular/core';
})
export class HomePageComponent implements OnInit {
+ mobile: boolean = true;
+
constructor() { }
ngOnInit() {
+ if (window.innerWidth > 500) {
+ this.mobile = false;
+ }
}
}
--
GitLab