ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

working for statusbar

Browse Source
This commit is contained in:
richard-loafle 2020-02-10 15:20:36 +09:00
parent aab40f81ca
commit 1870d5764d
4 changed files with 40 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.html
View File

@ -15,6 +15,12 @@
></app-layout-messenger-left-side> ></app-layout-messenger-left-side>
</mat-drawer> </mat-drawer>
<div class="chat-messages bg-accent-brightest"> <div class="chat-messages bg-accent-brightest">
<div class="messenger-statusbar-container">
<div class="messenger-statusbar-message">
업데이트가 존재합니다.
</div>
<div class="messenger-statusbar-actions"></div>
</div>
<app-layout-messenger-intro <app-layout-messenger-intro
*ngIf="!(this.selectedChat$ | async)" *ngIf="!(this.selectedChat$ | async)"
></app-layout-messenger-intro> ></app-layout-messenger-intro>

16
projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss
View File

@ -16,10 +16,26 @@
flex: 1 1 auto; flex: 1 1 auto;
min-width: 320px; min-width: 320px;
height: 100%; height: 100%;
.chat-messages { .chat-messages {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 1em; font-size: 1em;
.messenger-statusbar-container {
width: 100%;
height: 25px;
background-color: silver;
text-align: center;
.messenger-statusbar-message {
width: calc(100% - 20px);
height: 100%;
}
.messenger-statusbar-actions {
}
}
} }
.rightDrawer { .rightDrawer {
width: 320px; width: 320px;

12
projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
View File

@ -391,6 +391,10 @@ $daesang-grey: (
background-color: transparent; background-color: transparent;
} }
app-page-messenger-main mat-drawer-content {
overflow: hidden !important;
}
.messages .container { .messages .container {
background: mat-color($accent, 50); background: mat-color($accent, 50);
} }
@ -455,12 +459,12 @@ $daesang-grey: (
background-color: mat-color($accent, 500); background-color: mat-color($accent, 500);
} }
} }
.chatroom-search{ .chatroom-search {
.search-form{ .search-form {
border: 2px solid mat-color($accent, B100); border: 2px solid mat-color($accent, B100);
} }
.btns{ .btns {
background-color: mat-color($accent, B100); background-color: mat-color($accent, B100);
} }
} }
} }

10
projects/ucap-webmessenger-ui/src/lib/services/status-bar.service.ts Normal file
View File

@ -0,0 +1,10 @@
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class StatusBarService {
public constructor() {}
open() {}
}