From de9d05ba5e0f8d195fbd9716e7bb90850f880d0d Mon Sep 17 00:00:00 2001
From: pnogal <paulina.nogal@wisc.edu>
Date: Wed, 30 Jan 2019 16:28:22 -0600
Subject: [PATCH] Set fixed with for course search sidenavs
---
src/app/app.component.html | 6 +++---
src/app/app.component.scss | 10 ++++------
2 files changed, 7 insertions(+), 9 deletions(-)
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6e7a600..9e8cf98 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -6,7 +6,7 @@
<mat-sidenav-container class="example-container" hasBackdrop="false" style="height: 100vh;">
<mat-sidenav mode="over" position="end" #rightAddCourse>
<mat-sidenav-container>
- <mat-sidenav mode="side" position="start" #rightAddCourse2>
+ <mat-sidenav mode="side" position="start" #rightAddCourse2 class="course-details-pane">
<mat-toolbar color="primary" class="dialog-toolbar">
<button mat-button class="close-btn" (click)="rightAddCourse2.close()"><i class="material-icons">clear</i></button>
<span class="dialog-toolbar-title">Add course to degree plan</span>
@@ -23,7 +23,7 @@
</div>
</div>
<div>
- <!-- <p>Introduction to several of Shakespare's most popular plays and their relation to other works of English and American literature.</p> -->
+ <p>Introduction to several of Shakespare's most popular plays and their relation to other works of English and American literature.</p>
<p><span class="semi-bold">Enroll Info: </span>None</p>
<p><span class="semi-bold">Requisites: </span>None</p>
<ul class="courseDetails-list">
@@ -135,4 +135,4 @@
</mat-sidenav-content>
</mat-sidenav-container>
- </main>
\ No newline at end of file
+ </main>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index c838427..99fcee6 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -20,15 +20,13 @@ main {
overflow: hidden;
}
-.add-sidenav1 {
- width:380px;
-}
-
#course-details-content {
padding: 0 25px 25px 25px;
}
-.course-search-pane {
- width: 340px;
+.course-search-pane,
+.course-details-pane {
+ max-width: 360px;
+ min-width: 360px;
height: 100vh;
}
--
GitLab