.ucap-message-write { width: 100%; height: 100%; form { height: 400px; perfect-scrollbar { .ps--active-x > .ps__rail-x { display: none; } } } .message-write-body { white-space: pre-wrap; word-wrap: normal; overflow: auto; [contenteditable]:hover { background: #fafafa; } [contenteditable]:focus { background: #efefef; } } .editor-length-invalid { color: crimson; } mat-card-actions { display: flex; width: 100%; .editor-actions-spacer { flex: 1 1 auto; } } .message-option { display: flex; flex-flow: row; flex: 1 1 auto; height: 40px; .editor-tools { } .length { margin-left: auto; align-self: center; } } } .message-content { display: flex; flex-flow: row; position: relative; width: 100%; .message-receiver-list { position: relative; width: 30%; height: 100%; margin-right: 10px; } .message-write-body { display: flex; flex: 1 1 auto; flex-flow: column; margin: 0; .ucap-message-write-editor { display: inline-block; width: 100%; height: 100%; padding: 10px; min-height: 250px; border: 1px solid #dddddd; //overflow: auto; } } } .mat-card-actions { margin: 0 0 20px; border-top: 1px solid #dddddd; .editor-actions { display: flex; flex-flow: row; justify-content: space-between; margin-left: auto; button { margin-left: 4px; } } } ::ng-deep .ucap-message-write { padding: 0; .add-row { display: flex; align-items: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dddddd; .mat-mini-fab { .mat-button-wrapper { padding: 0; .mat-icon { width: 40px; height: 40px; line-height: 40px; } .mat-fab__label { color: #212121; margin-left: 10px; } } } .receiver-sum { margin-left: auto; } } .mat-chip-list { .mat-chip-list-wrapper { margin: 0; /* max-height: 100px; overflow: auto;*/ } } .message-title { width: 100%; margin-top: 10px; } } ::ng-deep .attach-file { display: flex; flex-flow: row; flex: 1 1 auto; .mat-list-item-content { padding: 0 !important; .file-name { display: flex; width: 100%; align-items: center; font-size: 0.9em; border-bottom: 1px dotted #dddddd; span { margin-right: 6px; } button { width: 24px; margin-left: auto; } } } }