Skip to content

Commit

Permalink
Fix consultation image not aligned on mobile (SEA-1653).
Browse files Browse the repository at this point in the history
  • Loading branch information
cyrillkuettel committed Jan 7, 2025
1 parent 8474dda commit f1c6ddd
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 6 deletions.
4 changes: 2 additions & 2 deletions src/privatim/static/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -270,7 +270,7 @@ a:hover {
word-break: break-word;
}

.profile-section {
.consultation-profile-section {
flex-direction: column;
align-items: center;
}
Expand All @@ -285,7 +285,7 @@ a:hover {
color: var(--primary-color) !important;
}

.profile-section img {
.consultation-profile-section img {
width: 100px;
height: 100px;
}
Expand Down
7 changes: 3 additions & 4 deletions src/privatim/views/templates/consultations.pt
Original file line number Diff line number Diff line change
Expand Up @@ -29,14 +29,13 @@
<div class="activity-card-wrapper consultation-card"
data-href="${request.route_url('consultation', id=consultation._id)}">
<div class="d-flex flex-column flex-md-row">
<!-- Set width to 200px to ensure it will not move the text to the right if user has long name-->
<div class="profile-section text-center text-md-start p-4" style="width: 200px;">
<div class="consultation-profile-section text-center text-md-start p-4">
<img tal:condition="consultation.editor_pic_id"
src="${request.route_url('download_file', id=consultation.editor_pic_id)}"
class="rounded-circle mb-2 profile-icon" alt="Profile Icon">
class="rounded-circle mb-2 img-fluid" alt="Profile Icon">
<img tal:condition="not consultation.editor_pic_id"
src="${layout.static_url('privatim:static/default_profile_icon.png')}"
class="rounded-circle mb-2 profile-icon" alt="Profile Icon">
class="rounded-circle mb-2 img-fluid" alt="Profile Icon">
<p class="text-secondary small">
<span
data-bs-toggle="tooltip"
Expand Down

0 comments on commit f1c6ddd

Please sign in to comment.