engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: use consistent CSS loading pattern with PicoCSS detection and absolute URLs

Browse source
This commit is contained in:
Russell Ballestrini 2025-07-09 16:43:46 -04:00
parent bf9d7da770
commit 5157e37de8
2 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/translate-modal.js
View file

@ -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);
}

8
src/widget-library.js
View file

@ -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);
}