mirror of
https://github.com/discourse/discourse.git
synced 2024-12-01 05:43:38 +08:00
e52bbc1230
* UX: add type tag and design update * UX: clarify status copy in reviewQ * DEV: switch to selectKit * UX: color approve/reject buttons in RQ * DEV: regroup actions * UX: add type tag and design update * UX: clarify status copy in reviewQ * Join questions for flagged post with "or" with new I18n function * Move ReviewableScores component out of context * Add CSS classes to reviewable-item based on human type * UX: add table header for scoring * UX: don't display % score * UX: prefix modifier class with dash * UX: reviewQ flag table styling * UX: consistent use of ignore icon * DEV: only show context question on pending status * UX: only show table headers on pending status * DEV: reviewQ regroup actions for hidden posts * UX: reviewQ > approve/reject buttons * UX: reviewQ add fadeout * UX: reviewQ styling * DEV: move scores back into component * UX: reviewQ mobile styling * UX: score table on mobile * UX: reviewQ > move meta info outside table * UX: reviewQ > score layout fixes * DEV: readd `agree_and_keep` and fix the spec tests. * Fix the spec tests * fix the quint test * DEV: readd deleting replies * UX: reviewQ copy tweaks * DEV: readd test for ignore + delete replies * Remove old * FIX: Add perform_ignore back in for backwards compat * DEV: add an action alias `ignore` for `ignore_and_do_nothing`. --------- Co-authored-by: Martin Brennan <martin@discourse.org> Co-authored-by: Vinoth Kannan <svkn.87@gmail.com>
107 lines
1.6 KiB
SCSS
107 lines
1.6 KiB
SCSS
.reviewable {
|
|
.reviewable-container {
|
|
flex-direction: column;
|
|
|
|
.reviewable-list {
|
|
order: 2;
|
|
width: 100%;
|
|
padding-bottom: 4em;
|
|
}
|
|
|
|
.reviewable-filters {
|
|
order: 1;
|
|
margin: 0;
|
|
padding: 0.5em;
|
|
width: 100%;
|
|
}
|
|
|
|
.reviewable-list + .reviewable-filters {
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
}
|
|
|
|
.reviewable-scores {
|
|
display: flex;
|
|
width: 100%;
|
|
overflow-x: scroll;
|
|
border-top: 1px solid var(--primary-low);
|
|
thead {
|
|
tr {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
display: flex;
|
|
border: 0;
|
|
|
|
.reviewable-score {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
tr {
|
|
border: 0;
|
|
}
|
|
|
|
td {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.reviewable-filters {
|
|
background-color: var(--primary-very-low);
|
|
padding: 0.5em 1em 1em 1em;
|
|
margin-bottom: 1em;
|
|
|
|
.reviewable-filters-actions {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.reviewable-filter {
|
|
.filter-label {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.reviewable-contents {
|
|
.reviewable-post-header,
|
|
.post-body {
|
|
max-width: 100%;
|
|
|
|
p {
|
|
overflow-x: scroll;
|
|
}
|
|
}
|
|
}
|
|
|
|
.reviewable-actions {
|
|
margin-right: -0.5em;
|
|
|
|
> div,
|
|
> button {
|
|
margin-right: 0.25em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.reviewable-action,
|
|
.reviewable-action-dropdown .dropdown-select-box-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.d-icon {
|
|
margin: 0 0.15 0 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.reviewable-scores-and-history table {
|
|
width: 100%;
|
|
}
|