Dariusz L
ac4ba4df42
Remove ~8000 lines of inline JavaScript styles from linker.js and organize them into two focused stylesheets: - linker-shell.css: modal shell, backdrop, window controls, layout structure - linker-main.css: main content area (cards, buttons, forms, dialogs, tabs) Simplify and clean up css-variables.css variable definitions. Update css-loader.js to load both new stylesheet files. Significantly improves code maintainability and separation of concerns.
43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
/**
|
|
* CSS Loader
|
|
* Loads all CSS files for the resolution master components
|
|
*/
|
|
|
|
import { addStylesheet, getUrl } from "./ResourceManager.js";
|
|
import { createModuleLogger } from "../log_system/LoggerUtils.js";
|
|
|
|
const log = createModuleLogger('CSSLoader');
|
|
|
|
/**
|
|
* Loads all CSS files for the application
|
|
*/
|
|
export function loadAllStyles() {
|
|
try {
|
|
log.info('Loading CSS files...');
|
|
|
|
// Load all CSS files using getUrl for proper path resolution
|
|
const cssFiles = [
|
|
'./css/css-variables.css',
|
|
'./css/linker-shell.css',
|
|
'./css/linker-main.css',
|
|
];
|
|
|
|
cssFiles.forEach(file => {
|
|
addStylesheet(getUrl(file));
|
|
log.debug(`Loaded: ${file}`);
|
|
});
|
|
|
|
log.info('All CSS files loaded successfully');
|
|
} catch (error) {
|
|
log.error('Error loading CSS files:', error);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Call this function when the ResolutionMaster node is actually created/used
|
|
* to load styles only when needed, preventing global UI interference
|
|
*/
|
|
export function loadStylesWhenNeeded() {
|
|
loadAllStyles();
|
|
}
|