diff options
Diffstat (limited to 'src/DevHive.Angular')
3 files changed, 14 insertions, 9 deletions
diff --git a/src/DevHive.Angular/src/app/components/feed/feed.component.css b/src/DevHive.Angular/src/app/components/feed/feed.component.css index 07667c2..093e2f8 100644 --- a/src/DevHive.Angular/src/app/components/feed/feed.component.css +++ b/src/DevHive.Angular/src/app/components/feed/feed.component.css @@ -65,11 +65,6 @@ display: flex; } -#top-bar img { - height: 1.6em; - width: 1.6em; -} - #top-bar-profile-pic { height: 2.5em; width: 2.5em; @@ -90,3 +85,11 @@ /* Until implemented */ display: none; } + +/* Elements, that act as buttons */ + +#profile-bar:hover, +#top-bar-profile-pic:hover { + cursor: pointer; +} + diff --git a/src/DevHive.Angular/src/app/components/feed/feed.component.html b/src/DevHive.Angular/src/app/components/feed/feed.component.html index 03ce497..3253b54 100644 --- a/src/DevHive.Angular/src/app/components/feed/feed.component.html +++ b/src/DevHive.Angular/src/app/components/feed/feed.component.html @@ -4,7 +4,7 @@ </div> <div id="feed-page" *ngIf="dataArrived"> - <nav id="profile-bar" class="rounded-border"> + <nav id="profile-bar" class="rounded-border" (click)="goToProfile()"> <img id="profile-bar-profile-pic" class="round-image" src="assets/images/feed/profile-pic.png" alt=""/> <div id="profile-bar-name"> {{ user.firstName }} {{ user.lastName }} @@ -15,9 +15,7 @@ </nav> <div id="feed-content"> <nav id="top-bar"> - <a id="top-bar-profile-pic" class="round-image" href=""> - <img class="round-image" src="assets/images/feed/profile-pic.png" alt=""/> - </a> + <img id="top-bar-profile-pic" class="round-image" src="assets/images/feed/profile-pic.png" alt="" (click)="goToProfile()"> <input id="top-bar-create-post" class="rounded-border" type="text" placeholder="What's on your mind?"/> <a id="top-bar-open-chat" href=""> <img src="assets/images/feed/chat-pic.png" alt=""/> diff --git a/src/DevHive.Angular/src/app/components/feed/feed.component.ts b/src/DevHive.Angular/src/app/components/feed/feed.component.ts index 83bd4f9..7d37c9a 100644 --- a/src/DevHive.Angular/src/app/components/feed/feed.component.ts +++ b/src/DevHive.Angular/src/app/components/feed/feed.component.ts @@ -38,4 +38,8 @@ export class FeedComponent implements OnInit { this._router.navigate(['/login']); } } + + goToProfile(): void { + this._router.navigate(['/profile/' + this.user.userName]); + } } |