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

대화방 - minSize 적용시 오류 수정

Browse Source
This commit is contained in:
khk 2020-01-28 11:21:03 +09:00
parent e9c82df114
commit c652c00db1
4 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -56,10 +56,12 @@ $tablet-s-width: 768px;
display: Flex;
flex-flow: row;
margin-left: 10px;
max-width: 80%;
width: 80%;
@media screen and (max-width: #{$tablet-s-width}),
(max-height: 600px) {
flex-flow: column;
max-width: 80%;
width: unset;
}
.message-main {
margin-right: 6px;
@ -123,8 +125,8 @@ $tablet-s-width: 768px;
flex-flow: row-reverse;
margin-left: 0px;
margin-right: 10px;
@media screen and (max-width: #{$tablet-l-width}),
(max-height: 800px) {
@media screen and (max-width: #{$tablet-s-width}),
(max-height: 600px) {
flex-flow: column;
}
}
@ -144,6 +146,8 @@ $tablet-s-width: 768px;
display: none;
}
.message-main {
display: flex;
justify-content: flex-end;
text-align: right;
margin-left: 6px;
margin-right: 0;

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

@ -1,7 +1,6 @@
.translation-main {
flex-direction: column;
text-align: left;
.original {
padding: 10px;
}

20
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.html
View File

@ -21,24 +21,24 @@
</div>
<ul class="event-info">
<li class="event-date bg-accent-brightest">
<span class="text-accent-darkest">{{
<label class="text-accent-darkest">{{
'chat.event.videoConferenceRegister' | translate
}}</span
>{{ message.sentMessageJson.register }}
}}</label
><span>{{ message.sentMessageJson.register }}</span>
</li>
<li class="event-time bg-accent-brightest">
<span class="text-accent-darkest">{{
<label class="text-accent-darkest">{{
'chat.event.videoConferenceAttendee' | translate
}}</span
>{{ message.sentMessageJson.attendee }}
}}</label
><span>{{ message.sentMessageJson.attendee }}</span>
</li>
<li class="event-time bg-accent-brightest">
<span class="text-accent-darkest">{{
<label class="text-accent-darkest">{{
'chat.event.videoConferenceDate' | translate
}}</span
>{{
}}</label
><span>{{
message.sentMessageJson.startDate | ucapDate: 'YYYY.MM.DD (ddd) a hh:mm'
}}
}}</span>
</li>
<li class="event-content">
{{ message.sentMessageJson.title }}

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

@ -3,7 +3,7 @@
text-align: left;
padding: 4px;
.event-header {
padding: 10px;
padding: 8px 10px;
font-size: 14px;
font-weight: 600;
text-align: center;
@ -29,8 +29,15 @@
&.event-time {
padding: 4px 10px;
border-bottom: 1px dotted #dddddd;
display: flex;
label {
margin-right: 10px;
flex: 0 0 auto;
font-size: 0.96em;
font-weight: 600;
width: 40px;
}
span {
width: 60px;
padding: 1px 6px;
margin-right: 6px;
border-radius: 100px;
@ -39,7 +46,7 @@
justify-content: center;
font-size: 0.96em;
margin-bottom: 2px;
color: #777777;
color: #444444;
}
}
&.event-content {
@ -53,11 +60,10 @@
.btn-box {
width: 100%;
height: 40px;
border-top: 1px solid #dddddd;
display: flex;
width: 100%;
text-align: center;
padding-top: 4px;
ul {
width: 100%;
li {
@ -67,7 +73,7 @@
text-align: center;
align-items: center;
font-size: 13px;
border-right: 1px solid #dddddd;
border-right: 1px solid rgb(255, 255, 255, 0.6);
&:last-child {
border-right: none;
}