discourse/app/assets/stylesheets/desktop/history.scss
Jarek Radosz ea326906e3
DEV: Use css var font sizes (#18518)
For consistency and and the ability to change all font sizes at once in the dev tools
2022-10-12 15:31:59 +02:00

77 lines
1.3 KiB
SCSS

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