From 51ccf17a4f38cd9b7a864ab9ff767fc7ee592c5c Mon Sep 17 00:00:00 2001
From: Scott Berg <saberg3@wisc.edu>
Date: Thu, 13 Dec 2018 09:57:20 -0600
Subject: [PATCH] Fix scrolling errors
---
src/app/app.component.html | 6 ++++--
src/app/app.component.scss | 18 ++++++++++++++++++
.../degree-planner.component.scss | 2 +-
3 files changed, 23 insertions(+), 3 deletions(-)
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 448fd24..2340aa7 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1,7 @@
-<cse-header></cse-header>
-<cse-navigation></cse-navigation>
+<header>
+ <cse-header></cse-header>
+ <cse-navigation></cse-navigation>
+</header>
<main>
<mat-sidenav-container class="example-container" hasBackdrop="false">
<mat-sidenav #rightAddCourse2 mode="over" position="end">Drawer content 2
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 117d812..9ac05f4 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,21 @@
+header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 112px;
+ background-color: teal;
+}
+
+main {
+ position: absolute;
+ top: 112px;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ overflow: hidden;
+}
+
.add-sidenav1 {
width:380px;
}
\ No newline at end of file
diff --git a/src/app/degree-planner/degree-planner.component.scss b/src/app/degree-planner/degree-planner.component.scss
index 58ac125..514a7ac 100644
--- a/src/app/degree-planner/degree-planner.component.scss
+++ b/src/app/degree-planner/degree-planner.component.scss
@@ -1,5 +1,5 @@
#plans-container {
- height: 100vh;
+ height: calc(100vh - 112px);
}
mat-sidenav {
--
GitLab