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-06 09:57:34 +09:00
parent 57fc605679
commit 6199b398b1
4 changed files with 29 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
<mat-card class="confirm-card mat-elevation-z"> <mat-card class="confirm-card mat-elevation-z dialog-creat-chat">
<mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle> <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
<mat-card-title>{{ data.title }}</mat-card-title> <mat-card-title>{{ data.title }}</mat-card-title>
<button class="icon-button btn-dialog-close" (click)="onClickChoice(false)"> <button class="icon-button btn-dialog-close" (click)="onClickChoice(false)">

8
projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
View File

@ -168,6 +168,10 @@
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<button class="icon-button btn-dialog-close" (click)="onClose()">
<i class="mdi mdi-window-close"></i>
</button>
<ul class="userInfo-list"> <ul class="userInfo-list">
<li class="company"> <li class="company">
<dt class="division">{{ 'profile.fieldCompany' | translate }}</dt> <dt class="division">{{ 'profile.fieldCompany' | translate }}</dt>
@ -384,8 +388,4 @@
</div> </div>
</mat-card-actions> </mat-card-actions>
</mat-card-content> </mat-card-content>
<button class="icon-button btn-dialog-close" (click)="onClose()">
<i class="mdi mdi-window-close"></i>
</button>
</mat-card> </mat-card>

30
projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
View File

@ -1,3 +1,16 @@
$desktop-l-width: 1440px;
$tablet-l-width: 1024px;
$tablet-s-width: 768px;
$mob-l-width: 640px;
$login-max-height: 800px;
// 태블릿
@mixin tab {
@media screen and (max-width: #{$tablet-l-width}) {
@content;
}
}
@mixin ellipsis($row) { @mixin ellipsis($row) {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -22,7 +35,7 @@
display: flex; display: flex;
flex-flow: row; flex-flow: row;
flex: 0 0 auto; flex: 0 0 auto;
width: 700px; width: 100%;
height: 450px; height: 450px;
position: relative; position: relative;
padding: 0; padding: 0;
@ -30,7 +43,7 @@
position: relative; position: relative;
justify-content: flex-start; justify-content: flex-start;
flex-flow: column; flex-flow: column;
width: 260px; width: 38%;
height: 100%; height: 100%;
background: #64cddf; background: #64cddf;
color: #ffffff; color: #ffffff;
@ -150,9 +163,9 @@
} }
.mat-card-content { .mat-card-content {
position: relative; position: relative;
width: 440px; width: 62%;
height: 100%; height: 100%;
padding: 10px 0; padding-bottom: 10px;
margin-left: 30px; margin-left: 30px;
ul { ul {
display: flex; display: flex;
@ -260,10 +273,13 @@
justify-content: center; justify-content: center;
align-self: center; align-self: center;
margin-left: 8px; margin-left: 8px;
display: inline-flex;
@media screen and (max-width: #{$tablet-s-width}) {
display: none;
}
} }
} }
.btn-dialog-close { .btn-dialog-close {
margin-left: auto;
} }

25
projects/ucap-webmessenger-ui/src/assets/scss/partials/_dialogs.scss
View File

@ -1,24 +1 @@
/*.dialog-org { $tablet-s-width: 768px;
.oraganization-tab {
width: 100%;
height:380px;
border-bottom: 1px solid #dddddd;
.oraganization-tab-tree {
display: inline-flex;
width: 50%;
height:100%;
border-right: 1px solid #dddddd;
overflow: auto;
}
.select-list {
display: inline-flex;
flex-direction: column;
width: 50%;
height:100%;
overflow: auto;
.search-list {
overflow: auto;
}
}
}
}*/