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

최소사이즈 700 x 600적용

Browse Source
This commit is contained in:
khk 2020-01-28 10:20:06 +09:00
parent 1d94b4d1eb
commit e9c82df114
5 changed files with 37 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
electron-projects/ucap-webmessenger-electron/src/app/AppWindow.ts
View File

@ -23,8 +23,8 @@ export class AppWindow {
// tslint:disable-next-line: variable-name // tslint:disable-next-line: variable-name
private _rendererReadyTime: number | null = null; private _rendererReadyTime: number | null = null;
private minWidth = 1160; private minWidth = 700;
private minHeight = 800; private minHeight = 600;
public constructor(private appIconPath: string) { public constructor(private appIconPath: string) {
const savedWindowState = windowStateKeeper({ const savedWindowState = windowStateKeeper({

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

@ -7,7 +7,7 @@ $otherBox-bg: #ffffff;
$meBox-line: #cccccc; $meBox-line: #cccccc;
$meBox-bg: #ffffff; $meBox-bg: #ffffff;
$tablet-l-width: 1024px; $tablet-l-width: 1024px;
$mob-l-width: 640px; $tablet-s-width: 768px;
.information-msg { .information-msg {
width: 100%; width: 100%;
} }
@ -57,14 +57,14 @@ $mob-l-width: 640px;
flex-flow: row; flex-flow: row;
margin-left: 10px; margin-left: 10px;
max-width: 80%; max-width: 80%;
@media screen and (max-width: #{$mob-l-width}), @media screen and (max-width: #{$tablet-s-width}),
(max-height: 600px) { (max-height: 600px) {
flex-flow: column; flex-flow: column;
} }
.message-main { .message-main {
margin-right: 6px; margin-right: 6px;
max-width: calc(100% - 60px); max-width: calc(100% - 60px);
@media screen and (max-width: #{$mob-l-width}), @media screen and (max-width: #{$tablet-s-width}),
(max-height: 600px) { (max-height: 600px) {
flex-flow: column; flex-flow: column;
max-width: 100%; max-width: 100%;
@ -88,7 +88,7 @@ $mob-l-width: 640px;
color: #666666; color: #666666;
word-wrap: break-word; word-wrap: break-word;
white-space: nowrap; white-space: nowrap;
@media screen and (max-width: #{$mob-l-width}), (max-height: 600px) { @media screen and (max-width: #{$tablet-s-width}), (max-height: 600px) {
flex-flow: row; flex-flow: row;
align-self: flex-start; align-self: flex-start;
ul { ul {
@ -99,11 +99,19 @@ $mob-l-width: 640px;
li { li {
display: inline-flex; display: inline-flex;
&.unread { &.unread {
padding: 0px 6px;
margin-left: 10px; margin-left: 10px;
}
}
}
}
ul {
li {
&.unread {
padding: 0px 6px;
border-radius: 30px; border-radius: 30px;
background-color: #666666; background-color: #888888;
color: #ffffff; color: #ffffff;
display: inline-flex;
} }
} }
} }
@ -112,7 +120,7 @@ $mob-l-width: 640px;
&.me { &.me {
.message-main-container { .message-main-container {
display: Flex; display: Flex;
flex-flow: row; flex-flow: row-reverse;
margin-left: 0px; margin-left: 0px;
margin-right: 10px; margin-right: 10px;
@media screen and (max-width: #{$tablet-l-width}), @media screen and (max-width: #{$tablet-l-width}),
@ -127,7 +135,6 @@ $mob-l-width: 640px;
} }
} }
} }
}
.message-row.me { .message-row.me {
.profile-img { .profile-img {
display: none; display: none;
@ -146,7 +153,7 @@ $mob-l-width: 640px;
} }
.secondary-text { .secondary-text {
text-align: end; text-align: end;
@media screen and (max-width: #{$mob-l-width}), (max-height: 600px) { @media screen and (max-width: #{$tablet-s-width}), (max-height: 600px) {
flex-flow: column; flex-flow: column;
align-self: flex-end; align-self: flex-end;
} }

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

@ -3,7 +3,7 @@
text-align: left; text-align: left;
padding: 4px; padding: 4px;
.event-header { .event-header {
padding: 10px; padding: 8px 10px;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;

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

@ -9,6 +9,10 @@
padding: 10px; padding: 10px;
border-top: 1px solid #dddddd; border-top: 1px solid #dddddd;
} }
.sticker {
padding: 10px 10px 0;
text-align: center;
}
} }
.language { .language {
padding: 0px 6px 4px; padding: 0px 6px 4px;

2
projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.scss
View File

@ -49,7 +49,7 @@
::ng-deep .translationForm { ::ng-deep .translationForm {
position: relative; position: relative;
display: flex; display: flex;
padding: 0 40px; padding: 0 2vw;
justify-items: flex-end; justify-items: flex-end;
align-content: space-between; align-content: space-between;
font-size: 0.9em; font-size: 0.9em;