review fixed

This commit is contained in:
Luna D. 2025-02-21 23:56:50 +01:00
parent 0a6d43e23a
commit b66826c246
No known key found for this signature in database
GPG key ID: 4B1C63448394F688
9 changed files with 22 additions and 17 deletions

View file

@ -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;
} }

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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