discourse/app/assets/stylesheets/mobile/reviewables.scss

107 lines
1.6 KiB
SCSS
Raw Normal View History

.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 {
2023-03-02 09:40:53 -06:00
display: flex;
width: 100%;
2023-03-02 09:40:53 -06:00
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 {
2019-04-02 12:50:47 -05:00
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;
2019-04-02 12:50:47 -05:00
justify-content: center;
.d-icon {
2019-04-02 12:50:47 -05:00
margin: 0 0.15 0 0;
}
}
2019-04-02 12:50:47 -05:00
}
2019-04-02 12:50:47 -05:00
.reviewable-scores-and-history table {
width: 100%;
}