From c90a89089647a4dd51913a74293aee53c4815ada Mon Sep 17 00:00:00 2001
From: Scott Berg <saberg3@wisc.edu>
Date: Fri, 10 May 2019 10:28:14 -0500
Subject: [PATCH] Remove grades toggle on mobile
---
src/app/degree-planner/degree-planner.component.html | 2 +-
src/app/degree-planner/degree-planner.component.scss | 11 +++++++++++
2 files changed, 12 insertions(+), 1 deletion(-)
diff --git a/src/app/degree-planner/degree-planner.component.html b/src/app/degree-planner/degree-planner.component.html
index 2fa3e89..9dc6c4a 100644
--- a/src/app/degree-planner/degree-planner.component.html
+++ b/src/app/degree-planner/degree-planner.component.html
@@ -102,7 +102,7 @@
style="margin:24px 24px 72px 24px">
<div id="year-mask" *ngIf="(isLoadingPlan$ | async)"></div>
<div id="plan-controls">
- <div>
+ <div id="grades-toggle-wrapper">
<mat-slide-toggle
color="primary"
labelPosition="before"
diff --git a/src/app/degree-planner/degree-planner.component.scss b/src/app/degree-planner/degree-planner.component.scss
index 88ec142..7053d9c 100644
--- a/src/app/degree-planner/degree-planner.component.scss
+++ b/src/app/degree-planner/degree-planner.component.scss
@@ -121,3 +121,14 @@ mat-sidenav {
.expand-collapse {
color: map-get($uw-primary, 500);
}
+
+@media screen and (max-width: 960px) {
+ #plan-controls {
+ display: block;
+ text-align: right;
+ }
+
+ #grades-toggle-wrapper {
+ display: none;
+ }
+}
--
GitLab