From 4ae252ba1584af1c8c58f2ba732b550a09cdf9a3 Mon Sep 17 00:00:00 2001 From: Paulina Nogal <pnogal@wisc.edu> Date: Fri, 31 May 2019 18:20:35 +0000 Subject: [PATCH] Add Subheader with Logout link to myuw-drawer component --- package.json | 4 ++-- src/app/core/header/header.component.html | 13 +++++++++++++ src/app/core/header/header.component.scss | 13 +++++++++++++ .../term-container/term-container.component.scss | 1 + src/environments/environment.prod.ts | 2 +- 5 files changed, 30 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 4c17966..54c2e52 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "course-search-enroll-fe", - "version": "1.0.19", + "version": "1.0.20", "scripts": { "ng": "ng", "start": "ng serve --proxy-config proxy.json --open", @@ -29,7 +29,7 @@ "@angular/router": "^7.2.15", "@myuw-web-components/myuw-app-bar": "^1.5.4", "@myuw-web-components/myuw-app-styles": "^1.2.3", - "@myuw-web-components/myuw-drawer": "^1.0.6", + "@myuw-web-components/myuw-drawer": "^1.2.0", "@myuw-web-components/myuw-help": "^1.3.1", "@myuw-web-components/myuw-profile": "^1.3.1", "@myuw-web-components/myuw-search": "^1.3.1", diff --git a/src/app/core/header/header.component.html b/src/app/core/header/header.component.html index 18b1637..e914d2f 100644 --- a/src/app/core/header/header.component.html +++ b/src/app/core/header/header.component.html @@ -54,6 +54,18 @@ href="/dars"> </myuw-drawer-link> </ng-template> + <myuw-drawer-subheader + slot="myuw-drawer-links" + divider + name="Profile"> + </myuw-drawer-subheader> + <myuw-drawer-link + slot="myuw-drawer-links" + name="Logout" + icon="person" + aria-label="log out" + href="http://login.wisc.edu/logout"> + </myuw-drawer-link> </myuw-drawer> <myuw-help @@ -78,6 +90,7 @@ ngClass.sm="show-sidenav-toggle-btn" ngClass.xs="show-sidenav-toggle-btn"> <myuw-profile + id="myuw-profile" slot="myuw-profile" alt="User profile" matTooltip="Profile" diff --git a/src/app/core/header/header.component.scss b/src/app/core/header/header.component.scss index 985dfeb..16b7e2e 100644 --- a/src/app/core/header/header.component.scss +++ b/src/app/core/header/header.component.scss @@ -53,3 +53,16 @@ myuw-profile, outline: -webkit-focus-ring-color auto 5px; } } + +@media screen and (max-width: 960px) { + button#sidenav-toggle-btn { + left: 0px; + } + + #profile-and-menu-wrapper.show-sidenav-toggle-btn { + width: 52px; + } + #myuw-profile { + display: none; + } +} diff --git a/src/app/degree-planner/term-container/term-container.component.scss b/src/app/degree-planner/term-container/term-container.component.scss index deabfd2..a1fecde 100644 --- a/src/app/degree-planner/term-container/term-container.component.scss +++ b/src/app/degree-planner/term-container/term-container.component.scss @@ -85,6 +85,7 @@ } h3 { font-weight: 400; + padding-left: 6px; } .mat-icon-button { diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts index 2efdd1c..26a0ffa 100644 --- a/src/environments/environment.prod.ts +++ b/src/environments/environment.prod.ts @@ -1,6 +1,6 @@ export const environment = { production: true, - version: '1.0.19', + version: '1.0.20', apiPlannerUrl: '/api/planner/v1', apiSearchUrl: '/api/search/v1', apiEnrollUrl: '/api/enroll/v1', -- GitLab