diff --git a/package.json b/package.json index 4c17966dca28f113f3289685b0713a30b5907fa7..54c2e52ec661ff384ba15559282a066a8692bfbf 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 18b1637e4eeb6d9596ccc29ff3ff108c607a1e84..e914d2fdf78d05a369c7cee6ccaf626f5e4b1db2 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 985dfebfdb38fb7103e644c58a6e07676d2dec83..16b7e2e6ec28a44e04ae456aaffbc20bdcb087e4 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 deabfd2f8a61bee2dc5938b83f4a1b9196e86780..a1fecdee91855e345107a605e0e3ceebfed338d8 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 2efdd1cf4a323ec0feddef1df5948e9f6f258cb2..26a0ffaa564a424b177075d9471628c93e5dce5d 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',