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-11 16:37:04 +09:00
parent 7094ebddfd
commit a2229f73ae
2 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,6 +59,7 @@
<span class="number">{{ userInfo.employeeNum }}</span>
</mat-card-title>
<mat-card-subtitle>
<span class="company">{{ userInfo.companyName | ucapStringEmptycheck }}</span>
<span class="deptName">{{ userInfo | ucapTranslate: 'deptName' }}</span>
<span class="grade">{{ userInfo | ucapTranslate: 'grade' }}</span>
</mat-card-subtitle>
@ -177,6 +178,14 @@
<dt class="division">{{ 'profile.fieldCompany' | translate }}</dt>
<dd>{{ userInfo.companyName | ucapStringEmptycheck }}</dd>
</li>
<li class="deptName">
<dt class="division">{{ 'search.fieldDeptartment' | translate }}</dt>
<dd>{{ userInfo | ucapTranslate: 'deptName' }}</dd>
</li>
<li class="grade">
<dt class="division">{{ 'search.fieldGrade' | translate }}</dt>
<dd>{{ userInfo | ucapTranslate: 'grade' }}</dd>
</li>
<li>
<dt class="division">
{{ 'profile.fieldResponsibilities' | translate }}

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

@ -120,9 +120,11 @@ $login-max-height: 800px;
flex-flow: column;
span {
@include ellipsis(1);
&.deptName {
font-size: 1.2em;
line-height: 1.4em;
font-size: 1em;
margin-bottom: 8px;
&.company {
font-weight: 600;
font-size: 1.1em;
}
}
}
@ -170,13 +172,15 @@ $login-max-height: 800px;
ul {
display: flex;
flex-flow: column;
height: calc(100% - 80px);
overflow-y: auto;
li {
display: flex;
flex-direction: row;
height: 30px;
height: 26px;
align-items: center;
flex-flow: row;
margin-bottom: 14px;
margin-bottom: 10px;
dt {
width: 100px;
font-weight: 800;
@ -224,16 +228,16 @@ $login-max-height: 800px;
::ng-deep .userInfo-call {
position: relative;
display: flex;
flex: 0 0 auto;
width: 34px;
height: 34px;
line-height: 34px;
flex: 0 0 26px;
width: 26x;
height: 26px;
line-height: 26px;
justify-content: center;
justify-items: center;
.mat-button-wrapper {
padding: 0;
width: 20px;
height: 20px;
width: 18px;
height: 18px;
justify-content: center;
text-align: center;
svg {
@ -252,8 +256,9 @@ $login-max-height: 800px;
&.mat-mini-fab {
position: relative;
display: flex;
width: 40px;
height: 40px;
width: 36px;
height: 36px;
flex: 0 0 36px;
//line-height: 40px;
.mat-button-wrapper {
padding: 0;