dootask/resources/assets/sass/pages/components/forwarder.scss

.forwarder-message-modal {
    .ivu-modal {
        margin: 10px auto;

        .ivu-modal-body {
            .user-modal-search {
                padding-bottom: 16px;

                .search-selected {
                    max-width: 100%;
                }

                .user-modal-avatar {
                    display: flex;
                    align-items: center;
                    gap: 5px;

                    .avatar-name {
                        max-width: 90%;
                    }
                }
            }

            .twice-affirm-body-extend {
                margin: 0 24px;

                .forwarder-wrapper-body {
                    .dialog-wrapper {
                        position: relative;
                        z-index: 1;

                        &.inde-list {
                            border-radius: 0;
                        }

                        .dialog-scroller {
                            position: relative;
                            padding: 0;

                            .dialog-item {
                                .dialog-view {
                                    width: 100%;
                                    max-width: 100%;
                                    margin: 0;

                                    &.record {
                                        width: auto;
                                    }

                                    .dialog-head {
                                        width: 100%;
                                        border-radius: 8px;

                                        .dialog-content {
                                            .content-file.file {
                                                width: 100%;

                                                .file-box {
                                                    width: 100%;
                                                }
                                            }
                                        }

                                        .dialog-emoji {
                                            display: none;
                                        }
                                    }

                                    .dialog-foot {
                                        display: none;
                                    }
                                }

                                .dialog-avatar {
                                    display: none;
                                }

                            }
                        }
                    }

                    .leave-message {
                        position: relative;
                        z-index: 2;
                        padding-bottom: 16px;

                        textarea {
                            background: #f7f7f7;
                        }
                    }

                    .radio-group {
                        z-index: 2;
                        display: flex;
                        flex-direction: column;

                        > li {
                            display: flex;
                            align-items: center;
                            line-height: 22px;
                            margin-bottom: 8px;

                            .radio-icon {
                                flex-shrink: 0;
                                font-size: 22px;
                                color: rgba($primary-desc-color, 0.7);
                                cursor: pointer;
                            }

                            .radio-label {
                                padding-left: 6px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }

                            &.selected {
                                .radio-icon {
                                    color: $primary-color;
                                }
                            }

                            &:last-child {
                                margin-bottom: 16px;
                            }
                        }
                    }
                }
            }
        }
    }
}