forked from MapComplete/MapComplete
First version of reviews
This commit is contained in:
parent
37e4d0cf73
commit
bb20c41002
17 changed files with 480 additions and 60 deletions
56
css/ReviewElement.css
Normal file
56
css/ReviewElement.css
Normal file
|
@ -0,0 +1,56 @@
|
|||
.review-rating img {
|
||||
max-width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.review-rating {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.review-date {
|
||||
color: var(--subtle-detail-color-light-contrast);
|
||||
}
|
||||
|
||||
.review-stars-date {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.review-author {
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.review-element {
|
||||
padding: 1em;
|
||||
margin: 0.5em;
|
||||
display: block;
|
||||
border-radius: 1em;
|
||||
background-color: var(--subtle-detail-color);
|
||||
color: var(--subtle-detail-color-contrast);
|
||||
}
|
||||
|
||||
.review-attribution {
|
||||
display: flex;
|
||||
color: var(--subtle-detail-color-light-contrast);
|
||||
justify-content: flex-end;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.review-attribution span {
|
||||
width: calc(65% - 3em);
|
||||
text-align: right;
|
||||
max-width: 20em;
|
||||
}
|
||||
|
||||
.review-attribution img {
|
||||
height: 3em;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.review-title {
|
||||
font-size: x-large;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue