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

수정사항 반영

Browse Source
This commit is contained in:
khk 2020-02-04 16:24:39 +09:00
parent b58e52325d
commit 1da9fe0940
13 changed files with 129 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
View File

@ -176,6 +176,7 @@
::ng-deep .chat-snackbar-class { ::ng-deep .chat-snackbar-class {
.mat-simple-snackbar { .mat-simple-snackbar {
justify-content: center;
span { span {
@include ellipsis(1); @include ellipsis(1);
} }

2
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/notice.component.html
View File

@ -43,7 +43,7 @@
</table> </table>
</perfect-scrollbar> </perfect-scrollbar>
</div> </div>
<div fxFlex="1 1 111.5px" class="footer-fix"> <div class="footer-fix">
<mat-paginator <mat-paginator
[length]="totalCount" [length]="totalCount"
[pageSize]="10" [pageSize]="10"

3
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/notice.component.scss
View File

@ -22,6 +22,9 @@
height: calc(100% - 111.5px); height: calc(100% - 111.5px);
overflow: auto; overflow: auto;
} }
.footer-fix {
width: 100%;
}
} }
.mat-table { .mat-table {

2
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/notice/notice-detail.dialog.component.html
View File

@ -19,7 +19,7 @@
</perfect-scrollbar> </perfect-scrollbar>
</mat-card-content> </mat-card-content>
<mat-card-actions class="button-farm flex-row"> <mat-card-actions class="button-farm flex-row">
<button mat-stroked-button (click)="onClickConfirm()" class="mat-primary"> <button mat-flat-button (click)="onClickConfirm()" class="mat-primary">
{{ 'common.messages.confirm' | translate }} {{ 'common.messages.confirm' | translate }}
</button> </button>
</mat-card-actions> </mat-card-actions>

23
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/notice/notice-detail.dialog.component.scss
View File

@ -13,18 +13,21 @@
} }
} }
::ng-deep .mat-card-header-text { .mat-card-header {
margin: 0; .mat-card-header-text {
.title { .title {
width: 480px; @include ellipsis(1);
@include ellipsis(1); }
.btn-dialog-close {
font-size: 20px;
display: flex;
margin-left: auto;
align-self: flex-start;
color: #444444;
}
} }
.btn-dialog-close { .icon-button {
font-size: 20px;
display: flex;
margin-left: auto; margin-left: auto;
align-self: flex-start;
color: #444444;
} }
} }
.confirm-card { .confirm-card {

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

@ -275,6 +275,14 @@ $daesang-grey: (
cursor: pointer; cursor: pointer;
} }
.cdk-global-overlay-wrapper {
align-items: center !important;
justify-content: center !important;
.mat-simple-snackbar {
justify-content: center;
}
}
.policy { .policy {
color: mat-color($accent, B100); color: mat-color($accent, B100);
} }
@ -440,7 +448,7 @@ $daesang-grey: (
} }
} }
} }
.mat-calendar-body-selected{ .mat-calendar-body-selected {
background-color: mat-color($accent); background-color: mat-color($accent);
} }
} }

3
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss
View File

@ -29,9 +29,10 @@ $tablet-s-width: 768px;
.profile-img { .profile-img {
flex: 0 0 auto; flex: 0 0 auto;
&.thumbnail-mask { &.thumbnail-mask {
border-radius: 50%;
width: 40px; width: 40px;
height: 40px; height: 40px;
border: 1px solid rgb(0, 0, 0, 0.1);
border-radius: 50%;
overflow: hidden; overflow: hidden;
img { img {
width: 40px; width: 40px;

90
projects/ucap-webmessenger-ui-chat/src/lib/components/search.component.html
View File

@ -1,5 +1,9 @@
<div fxFlex fxLayout="row" class="chatroom-search"> <!--<div fxFlex fxLayout="row" class="chatroom-search">
<div fxLayout="row" fxLayoutAlign="start center" class="input input-lineless search-form"> <div
fxLayout="row"
fxLayoutAlign="start center"
class="input input-lineless search-form"
>
<form [formGroup]="fgSearch"> <form [formGroup]="fgSearch">
<span class="icon-img"> <span class="icon-img">
<i class="mid mdi-magnify"></i> <i class="mid mdi-magnify"></i>
@ -39,33 +43,69 @@
<i class="mid mdi-arrow-up"></i> <i class="mid mdi-arrow-up"></i>
</button> </button>
<button class="icon-button btn-search" (click)="onClickPrevSearch()"> <button class="icon-button btn-search" (click)="onClickPrevSearch()">
<i class="mid mdi-arrow-up"></i> <i class="mid mdi-arrow-up mdi-chevron-up"></i>
</button> </button>
<button class="icon-button btn-search" (click)="onClickNextSearch()"> <button class="icon-button btn-search" (click)="onClickNextSearch()">
<i class="mid mdi-arrow-down"></i> <i class="mid mdi-arrow-down mdi-chevron-down"></i>
</button> </button>
<button
<!--<mat-button-toggle-group> class="icon-button btn-close-searchbox bg-accent-dark"
<mat-button-toggle></mat-button-toggle> (click)="inputSearch.value = ''; onClickSearchCancel()"
<mat-button-toggle > >
<svg <i class="mid mdi-window-close"></i>
xmlns="http://www.w3.org/2000/svg" </button>
width="24" </div>
height="24" </div>-->
viewBox="0 0 24 24" <div fxFlex fxLayout="row" class="chatroom-search">
fill="none" <div
stroke="currentColor" fxLayout="row"
stroke-width="2" fxLayoutAlign="start center"
stroke-linecap="round" class="input input-lineless search-form"
stroke-linejoin="round" >
class="feather feather-arrow-up" <form [formGroup]="fgSearch">
<span class="icon-img">
<i class="mid mdi-magnify"></i>
</span>
<mat-form-field floatLabel="never">
<input
matInput
#inputSearch
type="text"
placeholder="{{ 'chat.searchEventByText' | translate }}"
value=""
formControlName="searchInput"
(keydown.enter)="onKeyDownEnter($event, inputSearch.value)"
/>
<button
mat-button
matSuffix
mat-icon-button
aria-label="Clear"
*ngIf="inputSearch.value"
(click)="inputSearch.value = ''"
> >
<line x1="12" y1="19" x2="12" y2="5"></line> <mat-icon>close</mat-icon>
<polyline points="5 12 12 5 19 12"></polyline> </button>
</svg> </mat-form-field>
</mat-button-toggle> <span class="text-amount">{{ curIndex }} / {{ totalCount }}</span>
<mat-button-toggle ></mat-button-toggle> </form>
</mat-button-toggle-group>--> </div>
<span class="stroke-bar"></span>
<div class="btns">
<button
*ngIf="false"
mat-stroked-button
(click)="onClickSearchAndPrev()"
class="btn-toggle"
>
<i class="mid mdi-arrow-up"></i>
</button>
<button class="icon-button btn-search" (click)="onClickPrevSearch()">
<i class="mid mdi-chevron-up"></i>
</button>
<button class="icon-button btn-search" (click)="onClickNextSearch()">
<i class="mid mdi-chevron-down"></i>
</button>
<button <button
class="icon-button btn-close-searchbox bg-accent-dark" class="icon-button btn-close-searchbox bg-accent-dark"
(click)="inputSearch.value = ''; onClickSearchCancel()" (click)="inputSearch.value = ''; onClickSearchCancel()"

4
projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.html
View File

@ -35,8 +35,8 @@
</div> </div>
<div fxFlex="40%" style="margin-left: 30px;"> <div fxFlex="40%" style="margin-left: 30px;">
<div fxLayout="column"> <div fxLayout="column">
<div fxFlex="40px" style="margin-top: 30px;" class="Reservation-dete"> <div fxFlex="40px" class="Reservation-dete">
<span flFlexFill style="font-size: 20px;" class="text-accent-dark"> <span flFlexFill class="text-accent-dark">
{{ selectedDate.format('MMM DD YYYY, HH:mm') }} {{ selectedDate.format('MMM DD YYYY, HH:mm') }}
</span> </span>
</div> </div>

7
projects/ucap-webmessenger-ui-message/src/lib/dialogs/schedule-send.dialog.component.scss
View File

@ -17,7 +17,7 @@
.actions { .actions {
margin-left: auto; margin-left: auto;
button { button {
margin-left: 8px; margin-left: 4px;
} }
} }
} }
@ -34,3 +34,8 @@
margin-right: 20px; margin-right: 20px;
} }
} }
.Reservation-dete {
margin-top: 30px;
font-size: 1.6em;
}

15
projects/ucap-webmessenger-ui/src/assets/scss/partials/_forms.scss
View File

@ -83,6 +83,7 @@ textarea {
width: auto; width: auto;
input { input {
margin: 0; margin: 0;
line-height: 1.4em;
} }
.mat-form-field-label-wrapper { .mat-form-field-label-wrapper {
top: 0; top: 0;
@ -113,10 +114,22 @@ textarea {
+ .mat-form-field-label-wrapper + .mat-form-field-label-wrapper
.mat-form-field-label { .mat-form-field-label {
font-size: 0.7em; font-size: 0.7em;
transform: translateY(-1.1em) scale(1); transform: translateY(-1.4em) scale(1);
} }
.mat-form-field-underline { .mat-form-field-underline {
background-color: none; background-color: none;
transform: scaleY(1); transform: scaleY(1);
} }
.mat-form-field-wrapper {
.mat-form-field-infix {
.mat-input-element {
line-height: 1.4em;
}
}
.mat-form-field-label-wrapper {
.mat-form-field-label {
line-height: 1.4em;
}
}
}
} }

8
projects/ucap-webmessenger-ui/src/assets/scss/partials/_search-frame.scss
View File

@ -24,6 +24,7 @@ $search-font-size: 14px;
width: 100%; width: 100%;
font-size: 1em; font-size: 1em;
padding-left: 0; padding-left: 0;
line-height: 1.4em;
} }
.btn-search { .btn-search {
color: #777777; color: #777777;
@ -60,6 +61,11 @@ $search-font-size: 14px;
line-height: 24px; line-height: 24px;
} }
} }
.mat-form-field-label-wrapper {
.mat-form-field-label {
line-height: 1.4em;
}
}
} }
} }
} }
@ -88,6 +94,7 @@ $search-font-size: 14px;
display: inline-flex; display: inline-flex;
width: 46%; width: 46%;
padding-left: 20px; padding-left: 20px;
line-height: 1.4em;
& + .searchbox { & + .searchbox {
width: 54%; width: 54%;
@ -96,6 +103,7 @@ $search-font-size: 14px;
display: inline-flex; display: inline-flex;
width: 100%; width: 100%;
font-size: 1em; font-size: 1em;
line-height: 1.4em;
padding-left: 0; padding-left: 0;
} }
.btn-search { .btn-search {

3
projects/ucap-webmessenger-ui/src/lib/snackbars/alert.snackbar.component.scss
View File

@ -0,0 +1,3 @@
.mat-simple-snackbar {
justify-content: center;
}