Fix squished user avatars on reviews and threads

This commit is contained in:
rubenwardy 2024-03-03 22:41:39 +00:00
parent de1332c5e8
commit 31a47018eb
5 changed files with 14 additions and 5 deletions

@ -28,9 +28,11 @@
}
.user-photo {
display: inline-block;
width: 60px;
height: 60px;
object-fit: cover;
aspect-ratio: 1;
}
.status-update p {

@ -85,3 +85,10 @@
background-color: #303030;
border-radius: .3rem;
}
.mini-user-photo {
display: inline-block;
aspect-ratio: 1;
max-height: 1em;
filter: none !important;
}

@ -16,7 +16,7 @@
{%- endif %}
<link rel="stylesheet" type="text/css" href="/static/libs/bootstrap.min.css?v=4">
<link rel="stylesheet" type="text/css" href="/static/custom.css?v=50">
<link rel="stylesheet" type="text/css" href="/static/custom.css?v=51">
<link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
{% if noindex -%}

@ -25,13 +25,13 @@
{% set review_anchor = "review-" + (review.id | string) %}
<li class="row my-2 mx-0">
<a id="{{ review_anchor }}"></a>
<div class="col-md-1 p-1">
<div class="col-auto p-1">
<a href="{{ url_for('users.profile', username=review.author.username) }}">
<img class="img-fluid user-photo img-thumbnail img-thumbnail-1"
src="{{ review.author.get_profile_pic_url() }}" loading="lazy">
</a>
</div>
<div class="col-md-auto ps-1 pe-3 pt-2 text-center" style=" font-size: 200%;">
<div class="col col-md-auto px-3 pt-1" style=" font-size: 200%;">
{% if review.rating > 3 %}
<i class="fas fa-thumbs-up" style="color:#6f6;"></i>
{% elif review.rating < 3 %}
@ -42,7 +42,7 @@
</div>
{% if review.thread %}
{% set reply = review.thread.first_reply %}
<div class="col pr-0">
<div class="col-md pr-0">
<div class="card">
<div class="card-header">
<a class="author {{ review.author.rank.name }}"

@ -175,7 +175,7 @@
<div class="info-row row" style="margin-top: 2rem;">
<div class="btn-group-horizontal col">
<a class="btn" href="{{ url_for('users.profile', username=package.author.username) }}" title="{{ _('Author') }}">
<img src="{{ package.author.get_profile_pic_url() }}" style="max-height: 1em; filter: none">
<img src="{{ package.author.get_profile_pic_url() }}" class="mini-user-photo">
<span class="count">
{{ package.author.display_name }}
</span>