mirror of
https://github.com/philomena-dev/philomena.git
synced 2025-02-23 13:44:32 +01:00
review fixed
This commit is contained in:
parent
0a6d43e23a
commit
b66826c246
9 changed files with 22 additions and 17 deletions
|
@ -108,6 +108,11 @@ span.communication__sender__stats,
|
||||||
background-color: var(--destroyed-content-color);
|
background-color: var(--destroyed-content-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.communication__body__avatar {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Mobile layout fixes */
|
/* Mobile layout fixes */
|
||||||
@media (max-width: $min-desktop-width) {
|
@media (max-width: $min-desktop-width) {
|
||||||
.communication__body {
|
.communication__body {
|
||||||
|
@ -116,7 +121,7 @@ span.communication__sender__stats,
|
||||||
grid-template-rows: repeat(2, auto) repeat(3, 1fr);
|
grid-template-rows: repeat(2, auto) repeat(3, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
.communication__body:first-child {
|
.communication__body__avatar {
|
||||||
grid-area: 1 / 1 / 2 / 2;
|
grid-area: 1 / 1 / 2 / 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4,10 +4,10 @@ p
|
||||||
|
|
||||||
article.block.communication
|
article.block.communication
|
||||||
.block__content.flex.flex--no-wrap
|
.block__content.flex.flex--no-wrap
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @report, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @report, conn: @conn
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @report, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @report, conn: @conn
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @report, awards: true, conn: @conn
|
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @report, awards: true, conn: @conn
|
||||||
|
|
|
@ -22,10 +22,10 @@ article.block.communication id="comment_#{@comment.id}"
|
||||||
= submit "Delete", class: "button"
|
= submit "Delete", class: "button"
|
||||||
|
|
||||||
.block__content.flex.flex--no-wrap class=communication_body_class(@comment)
|
.block__content.flex.flex--no-wrap class=communication_body_class(@comment)
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @comment, awards: true, conn: @conn
|
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @comment, awards: true, conn: @conn
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
article.block.communication id="comment_#{@comment.id}"
|
article.block.communication id="comment_#{@comment.id}"
|
||||||
.block__content.flex.flex--no-wrap class=communication_body_class(@comment)
|
.block__content.flex.flex--no-wrap class=communication_body_class(@comment)
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
.post-image-container
|
.post-image-container
|
||||||
= render PhilomenaWeb.ImageView, "_image_container.html", image: @comment.image, size: :thumb_tiny, conn: @conn
|
= render PhilomenaWeb.ImageView, "_image_container.html", image: @comment.image, size: :thumb_tiny, conn: @conn
|
||||||
|
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
.post-image-container
|
.post-image-container
|
||||||
= render PhilomenaWeb.ImageView, "_image_container.html", image: @comment.image, size: :thumb_tiny, conn: @conn
|
= render PhilomenaWeb.ImageView, "_image_container.html", image: @comment.image, size: :thumb_tiny, conn: @conn
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
|
|
|
@ -9,11 +9,11 @@ h1
|
||||||
= for version <- @versions do
|
= for version <- @versions do
|
||||||
article.block.communication
|
article.block.communication
|
||||||
.block__content.flex.flex--no-wrap
|
.block__content.flex.flex--no-wrap
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
||||||
|
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @comment, conn: @conn
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @comment, awards: true, conn: @conn
|
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @comment, awards: true, conn: @conn
|
||||||
|
|
|
@ -14,11 +14,11 @@ article.block.communication
|
||||||
' Approve
|
' Approve
|
||||||
|
|
||||||
.block__content.flex.flex--no-wrap
|
.block__content.flex.flex--no-wrap
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
= render PhilomenaWeb.UserAttributionView, "_user_avatar.html", object: %{user: @message.from}, conn: @conn, class: "avatar--100px"
|
= render PhilomenaWeb.UserAttributionView, "_user_avatar.html", object: %{user: @message.from}, conn: @conn, class: "avatar--100px"
|
||||||
|
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
= render PhilomenaWeb.UserAttributionView, "_user_avatar.html", object: %{user: @message.from}, conn: @conn, class: "avatar--100px"
|
= render PhilomenaWeb.UserAttributionView, "_user_avatar.html", object: %{user: @message.from}, conn: @conn, class: "avatar--100px"
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_user.html", object: %{user: @message.from}, badges: true, conn: @conn
|
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_user.html", object: %{user: @message.from}, badges: true, conn: @conn
|
||||||
|
|
|
@ -22,10 +22,10 @@ article.block.communication id="post_#{@post.id}"
|
||||||
= submit "Delete", class: "button"
|
= submit "Delete", class: "button"
|
||||||
|
|
||||||
.block__content.flex.flex--no-wrap class=communication_body_class(@post)
|
.block__content.flex.flex--no-wrap class=communication_body_class(@post)
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @post, awards: true, conn: @conn
|
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @post, awards: true, conn: @conn
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
.block.flex
|
.block.flex
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
||||||
|
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
span.communication__body__sender-name
|
span.communication__body__sender-name
|
||||||
|
|
|
@ -8,11 +8,11 @@ h1
|
||||||
= for version <- @versions do
|
= for version <- @versions do
|
||||||
article.block.communication
|
article.block.communication
|
||||||
.block__content.flex.flex--no-wrap
|
.block__content.flex.flex--no-wrap
|
||||||
.flex__fixed.spacing-right.hide-mobile
|
.communication__body__avatar.hide-mobile
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
||||||
|
|
||||||
.flex__grow.communication__body
|
.flex__grow.communication__body
|
||||||
.flex__fixed.spacing-right.hide-desktop
|
.communication__body__avatar.hide-desktop
|
||||||
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
= render PhilomenaWeb.UserAttributionView, "_anon_user_avatar.html", object: @post, conn: @conn
|
||||||
.communication__body__sender
|
.communication__body__sender
|
||||||
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @post, awards: true, conn: @conn
|
span.communication__body__sender-name = render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @post, awards: true, conn: @conn
|
||||||
|
|
Loading…
Reference in a new issue