@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; } } } }