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

bug fixed

Browse Source
This commit is contained in:
병준 박 2019-10-21 15:04:10 +09:00
parent 932af0d271
commit c789c02e89
11 changed files with 52 additions and 162 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,3 @@
@charset "UTF-8"
.bubble-main { .bubble-main {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -12,43 +11,43 @@
background-repeat: no-repeat; background-repeat: no-repeat;
&.doc { &.doc {
background-image: url(/assets/images/file/icon_talk_doc.png); background-image: url(/assets/images/file/icon_talk_doc.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_doc_d.png); background-image: url(/assets/images/file/icon_talk_doc_d.png);
} }
} }
&.exe { &.exe {
background-image: url(/assets/images/file/icon_talk_exe.png); background-image: url(/assets/images/file/icon_talk_exe.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_exe_d.png); background-image: url(/assets/images/file/icon_talk_exe_d.png);
} }
} }
&.file { &.file {
background-image: url(/assets/images/file/icon_talk_file.png); background-image: url(/assets/images/file/icon_talk_file.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_file_d.png); background-image: url(/assets/images/file/icon_talk_file_d.png);
} }
} }
&.hwp { &.hwp {
background-image: url(/assets/images/file/icon_talk_hwp.png); background-image: url(/assets/images/file/icon_talk_hwp.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_hwp_d.png); background-image: url(/assets/images/file/icon_talk_hwp_d.png);
} }
} }
&.ppt { &.ppt {
background-image: url(/assets/images/file/icon_talk_ppt.png); background-image: url(/assets/images/file/icon_talk_ppt.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_ppt_d.png); background-image: url(/assets/images/file/icon_talk_ppt_d.png);
} }
} }
&.xls { &.xls {
background-image: url(/assets/images/file/icon_talk_xls.png); background-image: url(/assets/images/file/icon_talk_xls.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_xls_d.png); background-image: url(/assets/images/file/icon_talk_xls_d.png);
} }
} }
&.zip { &.zip {
background-image: url(/assets/images/file/icon_talk_zip.png); background-image: url(/assets/images/file/icon_talk_zip.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_doc_d.png); background-image: url(/assets/images/file/icon_talk_doc_d.png);
} }
} }
@ -90,9 +89,9 @@
text-align: center; text-align: center;
align-items: center; align-items: center;
font-size: 13px; font-size: 13px;
border-right:1px solid #dddddd; border-right: 1px solid #dddddd;
&:last-child{ &:last-child {
border-right:none; border-right: none;
} }
.mat-button { .mat-button {
width: 100%; width: 100%;

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

@ -1,4 +1,3 @@
@charset 'utf-8';
.date-split { .date-split {
display: flex; display: flex;
align-content: center; align-content: center;
@ -6,9 +5,9 @@
.line { .line {
height: 1px; height: 1px;
background-color: #cccccc; background-color: #cccccc;
width:40%; width: 40%;
flex:1 1 auto; flex: 1 1 auto;
margin-bottom:10px; margin-bottom: 10px;
} }
.date { .date {
width: 160px; width: 160px;

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

@ -1,8 +1,8 @@
@charset "UTF-8"
.bubble-main { .bubble-main {
padding: 14px; padding: 14px;
text-align: left; text-align: left;
} }
.btn-box { .btn-box {
border-top: 1px solid #dddddd; border-top: 1px solid #dddddd;
height: 40px; height: 40px;

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

@ -1,4 +1,3 @@
@charset "UTF-8"
.event-main { .event-main {
flex-direction: column; flex-direction: column;
text-align: left; text-align: left;

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

@ -1,4 +1,3 @@
@charset "UTF-8"
.translation-main { .translation-main {
text-align: left; text-align: left;
.original { .original {

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

@ -1,7 +1,6 @@
@charset "UTF-8" .bubble-main {
.bubble-main{
flex-direction: column; flex-direction: column;
padding:14px; padding: 14px;
.file-img { .file-img {
display: inline-flex; display: inline-flex;
width: 50px; width: 50px;
@ -11,47 +10,47 @@
background-repeat: no-repeat; background-repeat: no-repeat;
&.video { &.video {
background-image: url(/assets/images/file/icon_talk_video.png); background-image: url(/assets/images/file/icon_talk_video.png);
&.disable{ &.disable {
background-image: url(/assets/images/file/icon_talk_video_d.png); background-image: url(/assets/images/file/icon_talk_video_d.png);
} }
} }
} }
.file-info{ .file-info {
display:inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
text-align: left; text-align: left;
line-height:1.6em; line-height: 1.6em;
.file-name{ .file-name {
font-size:14px; font-size: 14px;
font-weight:bold; font-weight: bold;
display:inline-flex display: inline-flex;
} }
.file-size{ .file-size {
display:inline-flex; display: inline-flex;
font-size:11px; font-size: 11px;
color:#666666; color: #666666;
} }
.file-ext{ .file-ext {
font-size:12px; font-size: 12px;
} }
} }
} }
.btn-box{ .btn-box {
width:100%; width: 100%;
height:40px; height: 40px;
border-top:1px solid #dddddd; border-top: 1px solid #dddddd;
display:flex; display: flex;
ul{ ul {
width:100%; width: 100%;
li{ li {
width:50%; width: 50%;
display:inline-block; display: inline-block;
text-align:center; text-align: center;
align-items: center; align-items: center;
font-size:13px; font-size: 13px;
border-right:1px solid #dddddd; border-right: 1px solid #dddddd;
&:last-child{ &:last-child {
border-right:none; border-right: none;
} }
.mat-button { .mat-button {
width: 100%; width: 100%;
@ -59,4 +58,4 @@
} }
} }
} }
} }

9
projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss
View File

@ -206,7 +206,6 @@ $meBox-bg: #ffffff;
word-wrap: break-word; word-wrap: break-word;
white-space: nowrap; white-space: nowrap;
} }
} }
.message-row.me > .bubble { .message-row.me > .bubble {
@ -214,11 +213,11 @@ $meBox-bg: #ffffff;
background-color: $meBox-bg; background-color: $meBox-bg;
} }
.message-row.me { .message-row.me {
.profile-img{ .profile-img {
display:none; display: none;
} }
.chat-name{ .chat-name {
display:none; display: none;
} }
.message-main { .message-main {
text-align: right; text-align: right;

3
projects/ucap-webmessenger-ui/src/assets/scss/_ucap-ui.scss
View File

@ -12,6 +12,3 @@
@import 'partials/icons'; @import 'partials/icons';
@import 'partials/normalize'; @import 'partials/normalize';
@import 'partials/scrollbars'; @import 'partials/scrollbars';
//creative
@import 'global/default';

53
projects/ucap-webmessenger-ui/src/assets/scss/global/_common.scss
View File

@ -1,53 +0,0 @@
@charset 'utf-8';
$listH-row3: 120px;
$listH-row2: 90px;
$listH-row2-s: 70px;
$checkbox-size: 16px;
$presence-size: 8px;
$thumbnail-msize: 40px;
$bg-list-hover: #efefef;
$bg-list-item-msg: #f0f4f6;
$font-dark: #212121;
$font-mid: #666666;
$font-light: #848d95;
$font-white: #ffffff;
$line-basic: 1px solid #dddddd;
$color-main: #ee278b;
@mixin ellipsis($row) {
overflow: hidden;
text-overflow: ellipsis;
@if $row == 1 {
display: block;
white-space: nowrap;
word-wrap: normal;
} @else if $row >= 2 {
display: -webkit-box;
-webkit-line-clamp: $row;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
}
@mixin border-radius($radius) {
border-radius: $radius;
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
}
@mixin visible($sh) {
display: $sh;
}
@mixin presence-status($status) {
@if $status == pcOn {
background-color: #28ad66;
} @else if $status == pcOut {
background-color: #f35b5b;
} @else if $status == pcOff {
background-color: #a29f9f;
} @else if $status == pcOther {
background-color: #f0c10a;
}
}

47
projects/ucap-webmessenger-ui/src/assets/scss/global/_default.scss
View File

@ -1,47 +0,0 @@
@charset 'utf-8';
html {
height: 100%;
overflow-y: scroll;
}
body {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
color: #333;
font-family: '나눔고딕', Malgun Gothic, '맑은고딕', Arial, Dotum, '돋움',
Gulim, '굴림';
font-size: 13px;
line-height: 18px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div,
p,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
iframe,
dl,
dt,
dd {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul,
ol {
list-style: none;
}

1
tsconfig.json
View File

@ -33,7 +33,6 @@
], ],
"@ucap-webmessenger/pi": ["projects/ucap-webmessenger-pi/src/public-api"], "@ucap-webmessenger/pi": ["projects/ucap-webmessenger-pi/src/public-api"],
"@ucap-webmessenger/ui": ["projects/ucap-webmessenger-ui/src/public-api"], "@ucap-webmessenger/ui": ["projects/ucap-webmessenger-ui/src/public-api"],
"@ucap-webmessenger/ui/*": ["projects/ucap-webmessenger-ui/src/*"],
"@ucap-webmessenger/ui-account": [ "@ucap-webmessenger/ui-account": [
"projects/ucap-webmessenger-ui-account/src/public-api" "projects/ucap-webmessenger-ui-account/src/public-api"
], ],