discourse/app/assets/stylesheets/mobile/reviewables.scss
Robin Ward b58867b6e9 FEATURE: New 'Reviewable' model to make reviewable items generic
Includes support for flags, reviewable users and queued posts, with REST API
backwards compatibility.

Co-Authored-By: romanrizzi <romanalejandro@gmail.com>
Co-Authored-By: jjaffeux <j.jaffeux@gmail.com>
2019-03-28 12:45:10 -04:00

77 lines
1.1 KiB
SCSS

.reviewable {
.reviewable-container {
flex-direction: column;
.reviewable-list {
order: 2;
width: 100%;
}
.reviewable-filters {
order: 1;
margin: 0;
padding: 0.5em;
width: 100%;
}
.reviewable-list + .reviewable-filters {
margin: 0 0 0.5em 0;
}
}
.reviewable-scores {
width: 100%;
}
}
.reviewable-filters {
background-color: $primary-very-low;
padding: 0.5em 1em 1em 1em;
margin-bottom: 1em;
.reviewable-filters-actions {
display: flex;
justify-content: space-between;
}
.reviewable-filter {
margin: 0 0 0.5em 0;
.filter-label {
margin: 0;
}
}
}
.reviewable-contents {
.post-body {
max-width: 295px;
p {
overflow-x: scroll;
}
}
}
.reviewable-actions {
.reviewable-action,
.reviewable-action-dropdown .dropdown-select-box-header {
display: flex;
flex-direction: column;
align-items: center;
.d-icon {
margin: 0;
}
}
.reviewable-action,
.reviewable-action-dropdown {
flex: 1;
}
.reviewable-action-dropdown:last-of-type {
margin-right: 0;
}
}