ricky/redmine_qbo_calendar
1
0 Fork 0
mirror of https://github.com/rickbarrette/redmine_qbo_calendar.git synced 2026-10-04 04:40:43 -04:00
Code Issues Packages Projects Releases Wiki Activity

Tweaked layout for avatar & days

Browse Source
This commit is contained in:
ricky committed 2026-08-19 13:56:51 -04:00
1 parent a93fdfe63b
commit 7807e5a1e7
2 files changed
+8 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/views/customer_appointments/_calendar_event.html.erb
+2 -2
View File
@@ -31,7 +31,7 @@
<%# Row 1: Avatar | Title %> <%# Row 1: Avatar | Title %>
<div class="appointment-header"> <div class="appointment-header">
<% if appointment.user %> <% if appointment.user %>
<%= avatar(appointment.user, size: 14, class: "appointment-avatar") %> <%= avatar(appointment.user, size: 25, class: "appointment-avatar") %>
<% end %> <% end %>
<span class="appointment-title"> <span class="appointment-title">
@@ -48,7 +48,7 @@
</span> </span>
<% if duration > 1 && day_number.positive? && day_number <= duration %> <% if duration > 1 && day_number.positive? && day_number <= duration %>
<small class="muted">(Day <%= day_number %> of <%= duration %>)</small> <span class="appointment-days">(Day <%= day_number %> of <%= duration %>)</span>
<% end %> <% end %>
<span class="appointment-hours"> <span class="appointment-hours">
assets/stylesheets/customer_appointments.css
+6 -2
View File
@@ -68,8 +68,8 @@ table.cal td {
.appointment-avatar { .appointment-avatar {
flex-shrink: 0; flex-shrink: 0;
width: 20px; width: 25px;
height: 20px; height: 25px;
border-radius: 3px; border-radius: 3px;
object-fit: cover; object-fit: cover;
} }
@@ -103,6 +103,10 @@ table.cal td {
flex-shrink: 0; flex-shrink: 0;
} }
.appointment-days {
place-items: center;
}
/* Horizontal Dividers */ /* Horizontal Dividers */
.appointment-card .appointment-divider { .appointment-card .appointment-divider {
border: 0; border: 0;