.tui-chat-h5 {
  flex: 1;
  position: static;

  .tui-chat-main {
    .tui-message-list {
      height: 100%;
    }

    .message-more {
      color: #999;
      cursor: pointer;
      font-size: 14px;
    }

    .bottom-quick-order {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 1000;
      width: 100%;
    }
  }
}

.adjust-height-in-tt {
  // tt 小程序的 scroll-view 使用竖向滚动时，需要给定一个固定高度，否则无法滚动
  // 用户未选择 emojiPicker 和 tools 时的高度
  height: calc(100vh - 100px - env(safe-area-inset-bottom, 0));
}

.adjust-height-no-toolbar-button-in-tt {
  // 如果业务侧没有配置 toolbar-button，需要减去这块的高度
  height: calc(100vh - 60px - env(safe-area-inset-bottom, 0));
}

.adjust-height-emoji-in-tt {
  // 用户点击 emojiPicker 时消息列表的高度
  height: calc(100vh - 390px - env(safe-area-inset-bottom, 0));
}

.adjust-height-no-toolbar-button-emoji-in-tt {
  // 无 toolbarbutton 时用户点击 emojiPicker 时消息列表的高度
  height: calc(100vh - 360px - env(safe-area-inset-bottom, 0));
}

.adjust-height-tools-in-tt {
  // 用户点击 emojiPicker 时消息列表的高度
  height: calc(100vh - 308px - env(safe-area-inset-bottom, 0));
}

.adjust-height-no-toolbar-button-tools-in-tt {
  // 无 toolbarbutton 时用户点击 tools 时消息列表的高度
  height: calc(100vh - 278px - env(safe-area-inset-bottom, 0));
}