// styles that apply to the popup that appears when you show the edit history of a post .modal.history-modal { .modal-inner-container { max-width: var(--d-max-width); } .modal-body { height: 70vh; } #revision-controls { .btn[disabled] { cursor: not-allowed; background-color: var(--primary-low); } .btn-danger[disabled] { background-color: var(--danger-medium); } } #revision { display: flex; justify-content: space-between; padding-bottom: 0.5em; } #revisions { word-wrap: break-word; table { margin-top: 10px; } } #display-modes { .nav { margin: 0; padding: 0; border: none; } } img { max-width: 670px; height: auto; } .inline-diff { width: 670px; } .markdown { font-family: monospace; font-size: var(--font-down-1); width: 100%; border-collapse: collapse; border-spacing: 0; td { width: 50%; vertical-align: top; max-width: 440px; word-wrap: break-word; white-space: pre-wrap; } } .revision-content, .markdown { img { max-width: 100%; box-sizing: border-box; } } .modal-header { height: 42px; } .modal-footer { display: flex; justify-content: space-between; } }