discourse/app/assets/stylesheets/common/base/history.scss
chapoi 87de3c2319
UX: highlight vars updates (#20346)
* UX: replace highlight vars in popup menu

* UX: replace highlight vars in autcomplete

* UX: replace highlight vars in menu-panel

* UX: update style guide

* UX: bulk replace highlight vars in various small appearances
2023-02-21 10:15:49 +01:00

124 lines
2.1 KiB
SCSS

// styles that apply to the popup that appears when you show the edit history of a post
.modal.history-modal {
#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;
}
}
}