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

Refactor upcoming appointments view for improved accessibility and styling; add status badge styles and localization labels

Browse Source
This commit is contained in:
ricky committed 2026-08-07 22:25:31 -04:00
1 parent d19deb658b
commit 94e5b95257
3 files changed
+51 -32
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/stylesheets/customer_appointments.css
+37 -1
View File
@@ -271,4 +271,40 @@ h2 .appointment-title {
/* Cancelled - Red */
.appointment-block.cancelled .appointment-bar { background-color: #d9534f; }
.appointment-block.cancelled { background: #fdf2f2; border-color: #f8c8c8; }
.appointment-block.cancelled { background: #fdf2f2; border-color: #f8c8c8; }
/* Enforce Vertical Centering on Table Cells */
table.appointments td,
table.appointments th {
vertical-align: middle !important;
}
table.appointments th.status,
table.appointments td.status {
text-align: center !important;
}
/* Status Badge Base Styles with Flex Alignment */
.status-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 3px 10px;
font-size: 11px;
font-weight: 600;
line-height: 1 !important;
border-radius: 12px;
border: 1px solid transparent;
white-space: nowrap;
box-sizing: border-box;
}
/* Status Badge Colors */
.status-badge.status-scheduled { background-color: #edf4ff; color: #1f77d0; border-color: #c5d8f3; }
.status-badge.status-checked-in,
.status-badge.status-checkedin { background-color: #f6f0fa; color: #8e44ad; border-color: #e2d0fb; }
.status-badge.status-in-progress,
.status-badge.status-inprogress { background-color: #fff4df; color: #e68a00; border-color: #fce2b6; }
.status-badge.status-ready { background-color: #e8f8f5; color: #16a085; border-color: #a3e4d7; }
.status-badge.status-completed { background-color: #edf9ee; color: #2d8a34; border-color: #c7eecb; }
.status-badge.status-cancelled { background-color: #fdf2f2; color: #d9534f; border-color: #f8c8c8; }