ucap-lg-web/src/app/sections/chat/components/info.section.component.scss
Park Byung Eun 98ff58c39e 0710 sync
2020-07-11 21:09:04 +09:00

77 lines
1.8 KiB
SCSS

@import '~@ucap/lg-scss/mixins';
.info-chat-toolbar {
height: 50px;
min-height: 50px;
background-color: $white;
.info-chat-toolbar-content {
height: 50px;
min-height: 50px;
display: flex;
flex-direction: row;
align-content: center;
justify-content: space-between;
@include screen(xs) {
padding-right: 0;
}
.chat-room-profile {
align-self: center;
margin-right: 15px;
height: 38px;
flex: 0 0 0;
@include profile-avatar-default(
0,
14,
$warm-pink,
18px
); //오른 아래 공간, 모바일 온라인 아이콘 크기, 모바일 아이콘 색, 모바일 아이콘 bg크기
.profile-image {
@include avatar-img(36px, 0); //아바타 크기, 왼쪽공간
background-color: #d1f6ff;
}
}
.chat-room-subject {
flex: 1 1 auto;
color: $gray-re3;
font-size: 14px;
font-weight: 600;
display: flex !important;
flex-direction: row;
align-items: center;
@include ellipsis-column(1);
.ico-timer-unit {
max-width: 18px !important;
height: 18px !important;
line-height: 18px;
font-size: 12px;
text-align: center;
border-radius: 50%;
margin-right: 6px;
flex: 0 0 24px;
}
span {
flex: 0 1 auto;
@include ellipsis(1);
//width: ;
}
strong {
flex: 1 1 auto;
display: flex;
flex-direction: row;
padding-left: 4px;
}
}
.btn-chat-room-top {
flex: 1 0 160px;
align-items: center;
display: flex;
flex-direction: inline-flex;
justify-content: flex-end;
//대화방 즐겨찾기 - 개발보류
.btn-icon-favorite {
display: none;
}
}
}
}