From 5157e37de848938b6171c66b8876b5e04fe4f2bc Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Wed, 9 Jul 2025 16:43:46 -0400 Subject: [PATCH] fix: use consistent CSS loading pattern with PicoCSS detection and absolute URLs --- src/translate-modal.js | 8 ++++++-- src/widget-library.js | 8 ++++++-- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/translate-modal.js b/src/translate-modal.js index 45173c1..f2944ec 100644 --- a/src/translate-modal.js +++ b/src/translate-modal.js @@ -6,12 +6,16 @@ import { translateCurrentPage, translateText, SUPPORTED_LANGUAGES } from "./tran export function openTranslateModal() { // Load appropriate CSS based on whether we're using PicoCSS or built-in styles - const cssFile = window.UNCLOSEAI_CUSTOM_STYLING !== false ? 'uncloseai-modal-pico.css' : 'uncloseai-modal-builtin.css'; + // Detect if PicoCSS is actually present on the page + const hasPicoCSS = document.querySelector('link[href*="pico"]') !== null; + + // Load appropriate CSS based on actual PicoCSS presence + const cssFile = hasPicoCSS ? 'uncloseai-modal-pico.css' : 'uncloseai-modal-builtin.css'; if (!document.querySelector(`link[href*="${cssFile}"]`)) { const link = document.createElement('link'); link.rel = 'stylesheet'; - link.href = `./src/${cssFile}`; + link.href = `https://uncloseai.com/src/${cssFile}`; document.head.appendChild(link); } diff --git a/src/widget-library.js b/src/widget-library.js index 07c32d6..fec6bf3 100644 --- a/src/widget-library.js +++ b/src/widget-library.js @@ -10,12 +10,16 @@ import { handleFileUpload } from "./file-upload.js"; // Create full chat interface export function createFullInterface(container) { // Load appropriate CSS based on whether we're using PicoCSS or built-in styles - const cssFile = window.UNCLOSEAI_CUSTOM_STYLING !== false ? 'uncloseai-modal-pico.css' : 'uncloseai-modal-builtin.css'; + // Detect if PicoCSS is actually present on the page + const hasPicoCSS = document.querySelector('link[href*="pico"]') !== null; + + // Load appropriate CSS based on actual PicoCSS presence + const cssFile = hasPicoCSS ? 'uncloseai-modal-pico.css' : 'uncloseai-modal-builtin.css'; if (!document.querySelector(`link[href*="${cssFile}"]`)) { const link = document.createElement('link'); link.rel = 'stylesheet'; - link.href = `./src/${cssFile}`; + link.href = `https://uncloseai.com/src/${cssFile}`; document.head.appendChild(link); }