From 6e0deeb529d9da7088bdee5fd733e26bdf57ae26 Mon Sep 17 00:00:00 2001
From: pnogal <paulina.nogal@wisc.edu>
Date: Fri, 26 Oct 2018 11:37:15 -0500
Subject: [PATCH] Add mobile style for a button
---
src/app/degree-planner/degree-planner.component.html | 3 ++-
src/app/degree-planner/degree-planner.component.scss | 7 +++++++
2 files changed, 9 insertions(+), 1 deletion(-)
diff --git a/src/app/degree-planner/degree-planner.component.html b/src/app/degree-planner/degree-planner.component.html
index 1b4c392..91f0a5b 100644
--- a/src/app/degree-planner/degree-planner.component.html
+++ b/src/app/degree-planner/degree-planner.component.html
@@ -14,7 +14,7 @@
<mat-sidenav-container id="plans-container">
- <mat-sidenav #sidenav position="end" mode="side" [fixedTopGap]="500" opened disableClose>
+ <mat-sidenav #sidenav position="end" mode="side" disableClose>
<app-sidenav-menu-item></app-sidenav-menu-item>
</mat-sidenav>
@@ -35,6 +35,7 @@
<i *ngIf="!sidenav.opened" class="material-icons">chevron_left</i>
</button></div>
</div>
+
<div fxLayout="column" fxLayoutGap="20px" fxLayoutAlign="start stretch" style="margin: 24px">
<mat-accordion>
diff --git a/src/app/degree-planner/degree-planner.component.scss b/src/app/degree-planner/degree-planner.component.scss
index 7097a14..41545d8 100644
--- a/src/app/degree-planner/degree-planner.component.scss
+++ b/src/app/degree-planner/degree-planner.component.scss
@@ -19,4 +19,11 @@ mat-sidenav {
border-radius: 50% 0 0 50%;
padding: 8px;
background-color: #F0F0F0;
+}
+
+@media screen and (max-width: 600px) {
+ #menu-toggle-btn {
+ border-radius: 50%;
+ padding: 12px;
+ }
}
\ No newline at end of file
--
GitLab