대상 요구사항:트리목록 높이 축소, 이용시 주의 사항 수정 & 공통css 적용:다이얼로그 타이틀
This commit is contained in:
khk
parent
5cbd286bc2
commit
657fecd104
|
|
@ -151,7 +151,6 @@
|
||||||
(click)="onClickDetail(message)"
|
(click)="onClickDetail(message)"
|
||||||
class="message-item"
|
class="message-item"
|
||||||
></ucap-message-list-item>
|
></ucap-message-list-item>
|
||||||
</virtual-scroller>
|
|
||||||
<div
|
<div
|
||||||
class="no-search-result"
|
class="no-search-result"
|
||||||
fxFlexFill
|
fxFlexFill
|
||||||
|
|
@ -162,6 +161,7 @@
|
||||||
>
|
>
|
||||||
{{ 'common.noResult' | translate }}
|
{{ 'common.noResult' | translate }}
|
||||||
</div>
|
</div>
|
||||||
|
</virtual-scroller>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
</mat-tab-group>
|
</mat-tab-group>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,27 +1,3 @@
|
||||||
.mat-card {
|
|
||||||
padding: 10px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
.btn-dialog-close {
|
|
||||||
font-size: 20px;
|
|
||||||
display: flex;
|
|
||||||
margin-left: auto;
|
|
||||||
align-self: flex-start;
|
|
||||||
color: #444444;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-farm {
|
|
||||||
text-align: right;
|
|
||||||
.mat-primary {
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
form {
|
||||||
.mat-form-field {
|
.mat-form-field {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -133,15 +133,6 @@
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
.confirm-card {
|
.confirm-card {
|
||||||
min-width: 500px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
.mat-card-header-text {
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mat-card-content {
|
.mat-card-content {
|
||||||
.content-box {
|
.content-box {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
|
|
@ -11,24 +11,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.confirm-card {
|
|
||||||
min-width: 500px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.mat-card-header-text {
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-farm {
|
|
||||||
text-align: right;
|
|
||||||
.mat-primary {
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
form {
|
||||||
div {
|
div {
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
|
|
||||||
|
|
@ -11,24 +11,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.confirm-card {
|
|
||||||
min-width: 500px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.mat-card-header-text {
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-farm {
|
|
||||||
text-align: right;
|
|
||||||
.mat-primary {
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.contnets {
|
.contnets {
|
||||||
max-height: 500px;
|
max-height: 500px;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
|
|
||||||
|
|
@ -10,23 +10,6 @@
|
||||||
color: #444444;
|
color: #444444;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.confirm-card {
|
|
||||||
min-width: 500px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.mat-card-header-text {
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-farm {
|
|
||||||
text-align: right;
|
|
||||||
.mat-primary {
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
form {
|
||||||
.mat-form-field {
|
.mat-form-field {
|
||||||
|
|
|
||||||
|
|
@ -30,24 +30,6 @@
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.confirm-card {
|
|
||||||
min-width: 500px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.mat-card-header-text {
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-farm {
|
|
||||||
text-align: right;
|
|
||||||
.mat-primary {
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.contnets {
|
.contnets {
|
||||||
max-height: 500px;
|
max-height: 500px;
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
|
|
|
||||||
|
|
@ -334,11 +334,19 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
||||||
}*/
|
}*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-card > .notice {
|
::ng-deep .notice {
|
||||||
p {
|
ol {
|
||||||
margin-bottom: 10px;
|
li {
|
||||||
|
list-style: decimal;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
margin-left: 20px;
|
||||||
|
span {
|
||||||
|
color: #ff5722;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media all and (max-width: 1400px) {
|
@media all and (max-width: 1400px) {
|
||||||
.slider {
|
.slider {
|
||||||
&_content {
|
&_content {
|
||||||
|
|
|
||||||
|
|
@ -296,18 +296,19 @@ export class LoginPageComponent implements OnInit, OnDestroy {
|
||||||
NoticeDialogData,
|
NoticeDialogData,
|
||||||
NoticeDialogResult
|
NoticeDialogResult
|
||||||
>(NoticeDialogComponent, {
|
>(NoticeDialogComponent, {
|
||||||
width: '500px',
|
width: '600px',
|
||||||
data: {
|
data: {
|
||||||
title: '이용시 주의사항',
|
title: '이용시 주의사항',
|
||||||
html: `
|
html: `
|
||||||
<p>1. 메신저 계정/비밀번호를 타인에게 공유하지 않아야 합니다.</p>
|
<ol>
|
||||||
<p>2. 회사 중요정보(고객정보 포함)를 업무상 필요한 인원에게 필요한 만큼만 공유해야 합니다.</p>
|
<li>메신저 계정/비밀번호를 타인에게 공유하지 않아야 합니다.</li>
|
||||||
<p>3. 퇴근, 회의 등 자리를 비우는 경우 중요자료가 방치되지 않도록 주의하고, Clean Desk를 실천해야 합니다.</p>
|
<li>회사 중요정보(고객정보 포함)를 업무상 필요한 인원에게 필요한 만큼만 공유해야 합니다.</li>
|
||||||
<p>4. 메신저를 누군가 허락 없이 함부로 열람하고 그 내부 내용을 타인과 공유하지 않아야 합니다.</p>
|
<li>퇴근, 회의 등 자리를 비우는 경우 <span>중요자료가 방치되지 않도록 주의</span>하고, Clean Desk를 실천해야 합니다.</li>
|
||||||
<p>5. 공용PC에 메신저 사용 후 반드시 로그아웃 하시기 바랍니다.</p>
|
<li>메신저를 누군가 허락 없이 함부로 열람하고 그 내부 내용을 타인과 공유하지 않아야 합니다.</li>
|
||||||
<p>6. 사내메신저는 업무용 협업도구입니다. 비업무용 소통을 자제하시기 바랍니다.</p>
|
<li>공용PC에 메신저 <span>사용 후 반드시 로그아웃</span> 하시기 바랍니다.</li>
|
||||||
<p>7. 업무상 인지한 정보(개인의 프라이버시 포함)나 일반인에게 공개되지 않은 회사기록을 통해 얻은 정보는 오직 회사의 이익을 위해서 활용하여야 하며 사외에 유출하거나 타인에게 알려주거나 업무 이외의 목적에 사용하여서는 아니 됩니다.</p>
|
<li>사내메신저는 업무용 협업도구입니다. 비업무용 소통을 자제하시기 바랍니다.</li>
|
||||||
`
|
<li>업무상 인지한 정보(개인의 프라이버시 포함)나 일반인에게 공개되지 않은 회사기록을 통해 얻은 정보는 오직 회사의 이익을 위해서 활용하여야 하며 <span>사외에 유출하거나 타인에게 알려주거나 업무 이외의 목적에 사용하여서는 아니 됩니다.</span></li>
|
||||||
|
</ol>`
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -286,7 +286,7 @@ $daesang-grey: (
|
||||||
|
|
||||||
.mat-tab-group.mat-primary .mat-ink-bar,
|
.mat-tab-group.mat-primary .mat-ink-bar,
|
||||||
body.theme-default .mat-tab-nav-bar.mat-primary .mat-ink-bar {
|
body.theme-default .mat-tab-nav-bar.mat-primary .mat-ink-bar {
|
||||||
background-color: mat-color($accent, 400);
|
background-color: mat-color($accent, 500);
|
||||||
}
|
}
|
||||||
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
|
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
|
||||||
background-color: mat-color($accent, 700);
|
background-color: mat-color($accent, 700);
|
||||||
|
|
|
||||||
|
|
@ -49,8 +49,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tree-has-child {
|
.tree-has-child {
|
||||||
height: 50px;
|
height: 36px;
|
||||||
min-height: 50px;
|
min-height: 36px;
|
||||||
li {
|
li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -61,13 +61,15 @@
|
||||||
|
|
||||||
.tree-node-body {
|
.tree-node-body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 40px;
|
height: 30px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
button {
|
button {
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
.tree-node-expand-btn {
|
.tree-node-expand-btn {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 20px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -75,8 +77,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tree-no-child {
|
.tree-no-child {
|
||||||
height: 50px;
|
height: 36px;
|
||||||
min-height: 50px;
|
min-height: 36px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
li {
|
li {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<mat-card class="example-card mat-elevation-z">
|
<mat-card class="example-card profile mat-elevation-z">
|
||||||
<mat-card-header>
|
<mat-card-header>
|
||||||
<div class="profile-img">
|
<div class="profile-img">
|
||||||
<div class="profile-img-mask">
|
<div class="profile-img-mask">
|
||||||
|
|
@ -215,7 +215,7 @@
|
||||||
<dt class="division">
|
<dt class="division">
|
||||||
{{ 'profile.fieldOfficePhoneNumber' | translate }}
|
{{ 'profile.fieldOfficePhoneNumber' | translate }}
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd class="phone-number">
|
||||||
{{
|
{{
|
||||||
userInfo.lineNumber
|
userInfo.lineNumber
|
||||||
| ucapStringFormatterPhone
|
| ucapStringFormatterPhone
|
||||||
|
|
@ -250,7 +250,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<dt class="division">{{ 'profile.fieldHandphone' | translate }}</dt>
|
<dt class="division">{{ 'profile.fieldHandphone' | translate }}</dt>
|
||||||
<dd>
|
<dd class="phone-number">
|
||||||
{{
|
{{
|
||||||
userInfo.hpNumber | ucapStringFormatterPhone | ucapStringEmptycheck
|
userInfo.hpNumber | ucapStringFormatterPhone | ucapStringEmptycheck
|
||||||
}}
|
}}
|
||||||
|
|
|
||||||
|
|
@ -31,8 +31,9 @@ $login-max-height: 800px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.example-card {
|
.mat-card.profile {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
min-width: 600px;
|
||||||
flex-flow: row;
|
flex-flow: row;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -103,6 +104,8 @@ $login-max-height: 800px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
margin-top: 120px;
|
margin-top: 120px;
|
||||||
|
align-items: flex-start;
|
||||||
|
height: 80px;
|
||||||
span {
|
span {
|
||||||
@include ellipsis(1);
|
@include ellipsis(1);
|
||||||
&.name {
|
&.name {
|
||||||
|
|
@ -115,7 +118,6 @@ $login-max-height: 800px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mat-card-subtitle {
|
.mat-card-subtitle {
|
||||||
margin-left: -16px;
|
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
span {
|
span {
|
||||||
|
|
@ -189,9 +191,12 @@ $login-max-height: 800px;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
dd {
|
dd {
|
||||||
width: 260px;
|
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
|
width: 100%;
|
||||||
@include ellipsis(1);
|
@include ellipsis(1);
|
||||||
|
&.phone-number {
|
||||||
|
width: calc(100% - 100px);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -38,3 +38,36 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mat-card {
|
||||||
|
min-width: 500px;
|
||||||
|
padding: 10px;
|
||||||
|
.mat-card-header {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
//.mat-card-header-text,
|
||||||
|
.mat-card-title {
|
||||||
|
display: flex;
|
||||||
|
//margin: 0 -16px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
align-items: center;
|
||||||
|
height: 30px;
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
.mat-card-header-text {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.btn-dialog-close {
|
||||||
|
font-size: 20px;
|
||||||
|
display: flex;
|
||||||
|
margin-left: auto;
|
||||||
|
align-self: flex-start;
|
||||||
|
color: #444444;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.button-farm {
|
||||||
|
text-align: right;
|
||||||
|
.mat-primary {
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -35,10 +35,7 @@ $line-basic: 1px solid #dddddd;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mat-card-header .mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
.search-result {
|
.search-result {
|
||||||
.result-num {
|
.result-num {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
|
||||||
|
|
@ -1,28 +1,3 @@
|
||||||
.mat-card {
|
|
||||||
padding: 10px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-dialog-close {
|
|
||||||
font-size: 20px;
|
|
||||||
display: flex;
|
|
||||||
margin-left: auto;
|
|
||||||
align-self: flex-start;
|
|
||||||
color: #444444;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-farm {
|
|
||||||
text-align: right;
|
|
||||||
.mat-primary {
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
form {
|
||||||
.mat-form-field {
|
.mat-form-field {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -10,22 +10,6 @@
|
||||||
color: #444444;
|
color: #444444;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mat-card {
|
|
||||||
padding: 10px;
|
|
||||||
.mat-card-header {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.mat-card-title {
|
|
||||||
margin: 0 -16px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-farm {
|
|
||||||
text-align: right;
|
|
||||||
.mat-primary {
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
form {
|
||||||
.mat-form-field {
|
.mat-form-field {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user