diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss index 1d6741cd..49b2a892 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss @@ -141,25 +141,27 @@ } } } -.translation-section { - display: flex; - flex-flow: column; - - .translation-container { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background-color: transparent; - background-color: rgba(250, 255, 255, 0.8); - border-top: 1px solid; - - .translation-zone { +.translation-container { + .translation-section { + display: flex; + flex-flow: column; + border-top: 1px solid #dddddd; + .translation-container { position: absolute; - padding: 10px 10px 0 10px; - background-color: rgba(250, 255, 255, 0.8); bottom: 0; + left: 0; width: 100%; + background-color: transparent; + background-color: rgba(250, 255, 255, 0.8); + border-top: 1px solid; + + .translation-zone { + position: absolute; + padding: 10px 10px 0 10px; + background-color: rgba(250, 255, 255, 0.8); + bottom: 0; + width: 100%; + } } } } diff --git a/projects/ucap-webmessenger-app/src/assets/i18n/ko.json b/projects/ucap-webmessenger-app/src/assets/i18n/ko.json index aa3d2f2d..a4ad9d66 100644 --- a/projects/ucap-webmessenger-app/src/assets/i18n/ko.json +++ b/projects/ucap-webmessenger-app/src/assets/i18n/ko.json @@ -328,8 +328,8 @@ "size": "파일 크기", "download": "파일 다운로드", "delete": "파일 삭제", - "save": "파일 저장", - "saveAs": "파일을 다른 이름으로 저장", + "save": "저장", + "saveAs": "다른 이름으로 저장", "saveAll": "파일 모두 저장", "downloadSelected": "선택된 파일 다운로드", "openDownloadFolder": "다운로드 폴더 열기", diff --git a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss index 4e02b3d9..a69f192a 100644 --- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss +++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss @@ -237,13 +237,13 @@ $daesang-grey: ( color: mat-color($warn, 800); } .border-primary-color { - border: 1px solid mat-color($primary); + border-color: 1px solid mat-color($primary); } .border-accent-bright { border-color: mat-color($accent, 300); } .border-accent-color { - border: 1px solid mat-color($accent); + border-color: 1px solid mat-color($accent); } .stroke-accent-darkest { stroke: mat-color($accent, 800); @@ -420,9 +420,9 @@ $daesang-grey: ( } } .translationForm { - background-color: mat-color($accent, 200, 0.5); + background-color: mat-color($accent, 200, 0.4); } .translation-preview { - background-color: mat-color($accent, 800, 0.8); + background-color: mat-color($accent, 900, 0.8); } } diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.scss index e69de29b..7c753715 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.scss +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.scss @@ -0,0 +1,62 @@ +.translation-main { + flex-direction: column; + text-align: left; + + .original { + padding: 14px; + } + .translation { + padding: 10px; + border-top: 1px solid #dddddd; + } +} + +.btn-box { + width: 100%; + height: 40px; + border-top: 1px solid #dddddd; + display: flex; + ul { + width: 100%; + li { + width: 50%; + height: 100%; + display: inline-block; + text-align: center; + align-items: center; + font-size: 13px; + border-right: 1px solid #dddddd; + &:last-child { + border-right: none; + } + .mat-button { + width: 100%; + height: 100%; + display: block; + padding: 0px 6px 4px; + } + } + &.expired { + li { + width: 100%; + white-space: nowrap; + color: #999999; + align-items: center; + line-height: 40px; + } + } + } +} + +.translation-main { + .language { + padding: 0px 6px 4px; + background-color: #222222; + border-radius: 4px; + font-size: 1em; + color: #fff; + margin-top: -4px; + margin-right: 6px; + transform: translateY(-2px); + } +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss index b221ade7..1d0a18dd 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss @@ -1,5 +1,7 @@ .translation-main { + flex-direction: column; text-align: left; + .original { padding: 14px; } diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss index db87cbb5..92988660 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss @@ -82,7 +82,9 @@ $meBox-bg: #ffffff; } } &.searched { - color: red; + .bubble { + color: red; + } } } diff --git a/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss b/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss index 494c3ef4..8f7adcd4 100644 --- a/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss +++ b/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss @@ -20,7 +20,7 @@ position: relative; padding: 20px; text-align: right; - background-color: rgba(0, 0, 0, 0.4); + background-color: rgba(45, 58, 74, 0.8); img { margin-right: 40px; } diff --git a/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html b/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html index 14cca9f5..a3697943 100644 --- a/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html +++ b/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html @@ -7,15 +7,20 @@ " class="translation-preview" > - - {{ translationPreviewInfo.previewInfo.translation }} - -
+
+ + {{ translationPreviewInfo.previewInfo.translation }} +
+