poduck/smoothschedule
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Display correct SmoothSchedule logo in email preview

Browse Source 
Replaced the blank base64 encoded logo with the actual SmoothSchedule logo in the email rendering pipeline.

A Playwright E2E test was run to verify that the logo is correctly displayed in the email preview modal, ensuring it loads with natural dimensions and is visible.
This commit is contained in:
poduck
2025-12-14 19:10:56 -05:00
parent fbefccf436
commit 89fa8f81af
80 changed files with 7398 additions and 7908 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
frontend/src/index.css
View File

@@ -126,3 +126,67 @@ body {
right: 0;
cursor: ne-resize;
}
/* =============================================================================
Email Template Editor - Force Light Mode
Puck editor for emails should always use light theme for accurate preview
============================================================================= */
.email-editor-light-mode {
color-scheme: light !important;
background-color: #ffffff !important;
}
/* Override all Puck dark mode styles within email editor */
.email-editor-light-mode,
.email-editor-light-mode * {
--puck-color-bg: #ffffff !important;
--puck-color-text: #1f2937 !important;
}
/* Puck sidebar and component list */
.email-editor-light-mode [class*="Puck-"] {
background-color: #f9fafb !important;
color: #1f2937 !important;
}
/* Puck frame/canvas area */
.email-editor-light-mode [class*="Frame"],
.email-editor-light-mode [class*="canvas"],
.email-editor-light-mode [class*="preview"] {
background-color: #f3f4f6 !important;
}
/* Puck component panels */
.email-editor-light-mode [class*="ComponentList"],
.email-editor-light-mode [class*="Fields"],
.email-editor-light-mode [class*="Outline"] {
background-color: #ffffff !important;
border-color: #e5e7eb !important;
}
/* Puck inputs and form elements */
.email-editor-light-mode input,
.email-editor-light-mode select,
.email-editor-light-mode textarea {
background-color: #ffffff !important;
border-color: #d1d5db !important;
color: #1f2937 !important;
}
/* Puck buttons */
.email-editor-light-mode button {
color: #374151 !important;
}
/* Puck labels and text */
.email-editor-light-mode label,
.email-editor-light-mode [class*="label"] {
color: #374151 !important;
}
/* Puck header bar */
.email-editor-light-mode [class*="header"] {
background-color: #ffffff !important;
border-color: #e5e7eb !important;
}