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