9af36fb422
Add Coloris.js library for enhanced color selection in PageSettings with automatic button state sync across tab changes. Features: - Color picker with swatches, alpha support, and format toggle (hex/rgb/hsl) - Button positioned to the left of input field - Automatic sync when switching tabs (remembers selected color) - Close button and click-outside-to-close functionality - Dark theme with pill UI style Changes: - Install @melloware/coloris package - PageSettings.vue: Integrate Coloris with data-coloris attribute, add tab visibility detection via provide/inject, force button update when returning to document tab - EditorPanel.vue: Provide activeTab to child components, increase panel width to 30rem - _forms.scss: Add .input-with-color styles with custom Coloris button positioning (absolute positioned to left of input) - Temporarily comment out rgb/hex format buttons (replaced by Coloris format toggle) Technical details: - Uses provide/inject pattern to detect tab changes - Triggers synthetic input events to force Coloris button refresh - Custom CSS overrides to position swatch button correctly 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
30 lines
No EOL
978 B
PHP
30 lines
No EOL
978 B
PHP
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>
|
|
<?= e($page->isHomePage() != true, $page->title() . ' - ') . $site->title() ?>
|
|
</title>
|
|
|
|
<link rel="stylesheet" href="<?= url('assets/css/style..css') ?>">
|
|
<link rel="stylesheet" href="<?= url('assets/css/pagedjs-interface.css') ?>">
|
|
|
|
<!-- À SUPPRIMER EN PRODUCTION -->
|
|
<meta name="robots" content="noindex, nofollow, noarchive">
|
|
|
|
<!-- APP -->
|
|
<?php if (Dir::exists('assets/dist')): ?>
|
|
<script type="module"
|
|
src="<?= url('assets/dist/index.js') ?>" defer></script>
|
|
<link rel="stylesheet"
|
|
href="<?= url('assets/dist/index.css') ?>">
|
|
<?php else: ?>
|
|
<script type="module" src="http://localhost:5173/@vite/client" defer></script>
|
|
<script type="module" src="http://localhost:5173/src/main.js" defer></script>
|
|
<?php endif ?>
|
|
</head>
|
|
|
|
<body data-template="<?= $page->template() ?>">
|
|
<div id="app">
|