discourse/app/assets/stylesheets/common/base/history.scss

128 lines
2.2 KiB
SCSS

// styles that apply to the popup that appears when you show the edit history of a post
.modal.history-modal {
.modal-body {
max-height: 70vh;
}
#revision-numbers {
display: inline-block;
min-width: 96px;
text-align: center;
}
#revision {
overflow: auto;
border-bottom: 3px solid var(--primary-low);
}
table.markdown > tbody > tr > td,
.revision-content {
width: 47.5%;
float: left;
min-height: 1px;
&:nth-of-type(2) {
margin-left: 5%;
}
}
#revision-details {
padding: 5px;
}
#revisions .row:first-of-type {
margin-top: 10px;
}
ins,
.diff-ins {
code,
img {
border: 2px solid var(--success);
}
img {
opacity: 0.75;
filter: alpha(opacity=75);
}
a {
color: var(--success);
text-decoration: none;
}
}
img.diff-ins,
code.diff-ins {
border: 2px solid var(--success);
}
img.diff-ins {
opacity: 0.75;
filter: alpha(opacity=75);
}
.diff-ins {
color: var(--primary);
background: var(--success-low);
}
ins {
color: var(--primary);
background: var(--success-low);
text-decoration: none;
}
del,
.diff-del {
code,
img {
border: 2px solid var(--danger);
}
img {
opacity: 0.5;
filter: alpha(opacity=50);
}
a {
color: var(--danger);
text-decoration: none;
}
}
img.diff-del,
code.diff-del {
border: 2px solid var(--danger);
}
img.diff-del {
opacity: 0.5;
filter: alpha(opacity=50);
}
.diff-del {
color: var(--primary);
background: var(--danger-low);
text-decoration: none;
}
del {
color: var(--primary);
background: var(--danger-low);
text-decoration: none;
}
span.date {
font-weight: bold;
}
span.edit-reason {
background-color: var(--highlight-bg);
padding: 3px 5px 5px 5px;
}
.d-icon-ban {
color: #f00;
}
.hidden-revision-either {
opacity: 0.5;
}
.hidden-revision-previous .row {
div:nth-of-type(1),
td:nth-of-type(1) {
opacity: 0.5;
}
}
.hidden-revision-current .row {
div:nth-of-type(2),
td:nth-of-type(2) {
opacity: 0.5;
}
}
}