local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: comment alignment (#1008)

Browse source 
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1008
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
This commit is contained in:
dpschen 2021-11-16 20:02:11 +00:00 committed by konrad
parent d0635ae4a1
commit ed78a83ed9
1 changed files with 18 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
src/components/tasks/partials/comments.vue
View file

@ -306,24 +306,16 @@ export default {
</script>
<style lang="scss" scoped>
.media.comment {
align-items: center;
.media-left {
margin: 0 1rem;
}
.media-left {
margin: 0 1rem;
}
.comment-info {
display: flex;
align-items: center;
* {
padding-right: .5rem;
}
img {
display: none;
.comment-info {
display: flex;
align-items: center;
gap: .5rem;
img {
@media screen and (max-width: $tablet) {
display: block;
width: 20px;
@ -331,22 +323,20 @@ export default {
padding-right: 0;
margin-right: .5rem;
}
}
@media screen and (min-width: $tablet) {
display: none;
}
}
span {
font-size: .75rem;
line-height: 1;
}
}
.editor {
margin-top: .5rem;
}
span {
font-size: .75rem;
line-height: 1;
}
}
.media-content {
width: calc(100% - 48px - 2rem);
width: calc(100% - 48px - 2rem);
}
</style>