studio-variable/geoproject-app
4
0
Fork 0
Code Issues 25 Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: studio-variable:main
Branches Tags
studio-variable:main
studio-variable:new-interface
studio-variable:styles
..
compare: studio-variable:new-interface
Branches Tags
studio-variable:main
studio-variable:new-interface
studio-variable:styles

No commits in common. "main" and "new-interface" have entirely different histories.
main ... new-interf

7 changed files with 134 additions and 150 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/assets/css/projet.css
View file

@ -1,6 +1,6 @@
/* ═══════════════════════════════════════════════════════════ /* ═══════════════════════════════════════════════════════════
projet.css projet.css
Grille des récits — template project.php Grille des récits — template projet.php
⚠ Ce fichier utilise UNIQUEMENT les variables définies dans ⚠ Ce fichier utilise UNIQUEMENT les variables définies dans
style.css → --color-*, --sans-serif, --mono, --border-radius, --space-* style.css → --color-*, --sans-serif, --mono, --border-radius, --space-*
@ -14,8 +14,8 @@
/* ─────────────────────────────────────────── /* ───────────────────────────────────────────
BASE BODY BASE BODY
─────────────────────────────────────────── */ ─────────────────────────────────────────── */
body[data-template="project"] { body[data-template="projet"] {
background-color: var(--background-color); background-color: var(--nw-paper);
color: var(--nw-ink); color: var(--nw-ink);
min-height: 100vh; min-height: 100vh;
} }
@ -143,7 +143,6 @@ body[data-template="project"] {
/*overflow: hidden;*/ /*overflow: hidden;*/
transition: transform var(--nw-transition), box-shadow var(--nw-transition); transition: transform var(--nw-transition), box-shadow var(--nw-transition);
border: 1px solid var(--nw-rule); border: 1px solid var(--nw-rule);
background: var(--nw-paper);
/* Animation d'entrée en cascade */ /* Animation d'entrée en cascade */
opacity: 0; opacity: 0;
@ -390,11 +389,12 @@ body[data-template="project"] {
@media (max-width: 900px) { @media (max-width: 900px) {
.pj-header__content { padding: 2rem 1.5rem 2.5rem; } .pj-header__content { padding: 2rem 1.5rem 2.5rem; }
.pj-main { padding: 0 0 4rem; } .pj-main { padding: 0 0 4rem; }
.pj-grid { grid-template-columns: 1fr; padding: 0 1rem;} .pj-grid { grid-template-columns: 1fr; gap: 1px; }
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.pj-card__cover { height: 180px; } .pj-card__cover { height: 180px; }
.pj-card__footer { flex-direction: column; align-items: stretch; }
.pj-btn { justify-content: center; } .pj-btn { justify-content: center; }
} }

79
public/assets/css/web.css
View file

@ -87,6 +87,7 @@
} }
.nw-sidenav__label { .nw-sidenav__label {
font-family: var(--nw-font-ui);
font-size: 0.89rem; font-size: 0.89rem;
font-weight: 500; font-weight: 500;
letter-spacing: 0.04em; letter-spacing: 0.04em;
@ -100,7 +101,6 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
text-align: right;
} }
.nw-sidenav__link:hover .nw-sidenav__label, .nw-sidenav__link:hover .nw-sidenav__label,
@ -158,6 +158,7 @@
} }
.nw-sidenav__sub-label { .nw-sidenav__sub-label {
font-family: var(--nw-font-ui);
font-size: 0.72rem; font-size: 0.72rem;
font-weight: 400; font-weight: 400;
letter-spacing: 0.03em; letter-spacing: 0.03em;
@ -215,7 +216,6 @@
top: 20px; top: 20px;
left: 20px; left: 20px;
transition: transform 0.2s linear; transition: transform 0.2s linear;
z-index: 10;
} }
.nw-prev-btn a{ .nw-prev-btn a{
@ -282,6 +282,7 @@
} }
.nw-hero__author { .nw-hero__author {
font-family: var(--nw-font-ui);
font-size: 0.875rem; font-size: 0.875rem;
color: rgba(255,255,255,0.75); color: rgba(255,255,255,0.75);
letter-spacing: 0.06em; letter-spacing: 0.06em;
@ -303,19 +304,29 @@
/* ─────────────────────────────────────────── /* ───────────────────────────────────────────
INTRODUCTION INTRODUCTION
─────────────────────────────────────────── */ ─────────────────────────────────────────── */
.nw-introduction__body { .nw-introduction {
font-family: var(--nw-font-display); padding: 4rem 1rem;
color: #fff; background: var(--nw-paper);
font-size: 1.4rem;
line-height: 1.4;
margin: 2rem 0 0;
text-shadow: 0 2px 20px rgba(0,0,0,0.3);
font-weight: 300;
font-style: italic;
} }
.nw-introduction__body p{ .nw-introduction__body {
margin-bottom: 0; font-size: 1.4rem;
line-height: 1.8;
color: var(--nw-ink-soft);
font-weight: 300;
font-style: italic;
border-left: 3px solid var(--nw-accent);
padding-left: 2rem;
}
.nw-introduction__body p:first-child::first-letter {
font-family: var(--nw-font-display);
font-size: 5.7rem;
font-weight: 800;
line-height: 0.8;
float: left;
margin: 0.05em 0.12em 0 0;
color: var(--nw-accent);
} }
/* ─────────────────────────────────────────── /* ───────────────────────────────────────────
@ -399,6 +410,7 @@
} }
.nw-tag { .nw-tag {
font-family: var(--nw-font-ui);
font-size: 0.7rem; font-size: 0.7rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.08em; letter-spacing: 0.08em;
@ -413,7 +425,7 @@
PROSE (writer fields) PROSE (writer fields)
─────────────────────────────────────────── */ ─────────────────────────────────────────── */
.nw-prose { .nw-prose {
font-size: 1.4rem; font-size: 1.3rem;
line-height: 1.8; line-height: 1.8;
color: var(--nw-ink-soft); color: var(--nw-ink-soft);
margin-bottom: 2rem; margin-bottom: 2rem;
@ -439,29 +451,16 @@
background: var(--nw-paper-warm); background: var(--nw-paper-warm);
} }
.nw-section--map__wrapper{ .nw-section--map .nw-container {
margin: 0 auto; margin-bottom: 2rem;
max-width: var(--nw-max-w);
}
/*.nw-section--map__wrapper{
display: flex;
}*/
.nw-section__header__wrapper{
/*width: 33.3333%;*/
}
.nw-map-part{
/*width: 66.6666%;*/
margin: 1.5rem 0rem 4rem 0;
} }
.nw-map-wrap { .nw-map-wrap {
position: relative; position: relative;
width: 100%;
height: clamp(400px, 55vh, 700px); height: clamp(400px, 55vh, 700px);
border: 1px solid var(--nw-rule); margin: 5rem 0 2rem;
border-top: 3px solid var(--nw-accent);
overflow: hidden; overflow: hidden;
} }
@ -531,6 +530,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.3rem; gap: 0.3rem;
font-family: var(--nw-font-ui);
font-size: 0.72rem; font-size: 0.72rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.06em; letter-spacing: 0.06em;
@ -647,7 +647,7 @@
/* Corps texte du marqueur */ /* Corps texte du marqueur */
.nw-map-marker__body { .nw-map-marker__body {
padding: 1rem 0 2rem 3rem; padding: 2rem 0 2rem 3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -676,7 +676,6 @@
color: var(--nw-ink-soft); color: var(--nw-ink-soft);
} }
.nw-map-marker__content a { color: var(--nw-accent); }
.nw-map-marker__content p { margin: 0 0 1.1em; } .nw-map-marker__content p { margin: 0 0 1.1em; }
.nw-map-marker__content h2, .nw-map-marker__content h2,
@ -715,6 +714,7 @@
} }
.nw-map-marker__content figcaption { .nw-map-marker__content figcaption {
font-family: var(--nw-font-ui);
font-size: 0.78rem; font-size: 0.78rem;
color: var(--nw-ink-muted); color: var(--nw-ink-muted);
font-style: italic; font-style: italic;
@ -740,13 +740,14 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.5rem; gap: 0.5rem;
padding-top: 1rem; padding-top: 1.5rem;
} }
.nw-file { .nw-file {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.4rem; gap: 0.4rem;
font-family: var(--nw-font-ui);
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 500; font-weight: 500;
color: var(--nw-ink-soft); color: var(--nw-ink-soft);
@ -845,6 +846,7 @@
gap: 0.5rem; gap: 0.5rem;
text-decoration: none; text-decoration: none;
color: var(--nw-ink-soft); color: var(--nw-ink-soft);
font-family: var(--nw-font-ui);
font-size: 0.82rem; font-size: 0.82rem;
font-weight: 500; font-weight: 500;
transition: color var(--nw-transition); transition: color var(--nw-transition);
@ -891,6 +893,7 @@
} }
.nw-chapitre__num { .nw-chapitre__num {
font-family: var(--nw-font-ui);
font-size: 0.72rem; font-size: 0.72rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@ -962,6 +965,7 @@
} }
.nw-chapitre__body figcaption { .nw-chapitre__body figcaption {
font-family: var(--nw-font-ui);
font-size: 0.8rem; font-size: 0.8rem;
color: var(--nw-ink-muted); color: var(--nw-ink-muted);
padding: 0.5rem 1rem 0; padding: 0.5rem 1rem 0;
@ -988,18 +992,15 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.nw-hero__content { padding: 4rem 1.25rem 2.5rem; } .nw-hero__content { padding: 4rem 1.25rem 2.5rem; }
.nw-container { padding: 0 1.25rem; } .nw-container { padding: 0 1.25rem; }
.nw-section__header__wrapper {width: 100%;}
.nw-map-part {width: 100%;}
.nw-map-wrap { height: 320px; } .nw-map-wrap { height: 320px; }
.nw-chapitre__body figure { margin: 1.5rem 0; } .nw-chapitre__body figure { margin: 1.5rem 0; }
.nw-geoformat-hero { min-height: 35vh; } .nw-geoformat-hero { min-height: 35vh; }
.nw-geoformat-hero__content { padding: 2rem 1.25rem; } .nw-geoformat-hero__content { padding: 2rem 1.25rem; }
.nw-chap-nav { flex-direction: column; } .nw-chap-nav { flex-direction: column; }
.nw-section--map__wrapper { flex-wrap: wrap;}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.nw-introduction__body { font-size: 1rem; } .nw-introduction__body { padding-left: 1rem; font-size: 1rem; }
.nw-section { padding: 3rem 0; } .nw-section { padding: 3rem 0; }
} }

4
public/content/cohesion-des-mondes/project.txt
View file

@ -10,8 +10,4 @@ Cover: - file://glu48yweigbs4wds
---- ----
Background: #fff3e5
----
Uuid: eybhqikol6kaorby Uuid: eybhqikol6kaorby

6
public/site/blueprints/pages/project.yml
View file

@ -27,9 +27,3 @@ columns:
files: files:
label: Fichiers label: Fichiers
type: files type: files
meta:
type: fields
fields:
background:
label: Couleur de fond
type: color

87
public/site/templates/narrative-web.php
View file

@ -123,15 +123,19 @@ foreach ($subpages as $subpage) {
<?php if ($original->author()->isNotEmpty()): ?> <?php if ($original->author()->isNotEmpty()): ?>
<p class="nw-hero__author">Par <span><?= html($original->author()) ?></span></p> <p class="nw-hero__author">Par <span><?= html($original->author()) ?></span></p>
<?php endif ?> <?php endif ?>
<!-- Introduction -->
<?php if ($original->intro()->isNotEmpty()): ?>
<div class="nw-introduction__body nw-container--narrow">
<?= $original->intro() ?>
</div>
<?php endif ?>
</div> </div>
</header> </header>
<!-- Introduction -->
<?php if ($original->intro()->isNotEmpty()): ?>
<section class="nw-introduction">
<div class="nw-container nw-container--narrow">
<div class="nw-introduction__body">
<?= $original->intro() ?>
</div>
</div>
</section>
<?php endif ?>
<!-- ═══════════════════════════════════════════ <!-- ═══════════════════════════════════════════
SOUS-PAGES SOUS-PAGES
@ -146,47 +150,46 @@ foreach ($subpages as $subpage) {
───────────────────────────────────────── --> ───────────────────────────────────────── -->
<?php if ($tpl === 'map'): ?> <?php if ($tpl === 'map'): ?>
<section class="nw-section nw-section--map" id="section-<?= $subpage->uid() ?>"> <section class="nw-section nw-section--map" id="section-<?= $subpage->uid() ?>">
<div class="nw-section--map__wrapper nw-container"> <div class="nw-container">
<!-- <div class="nw-container nw-section__header__wrapper"> --> <header class="nw-section__header">
<header class="nw-section__header"> <h2 class="nw-section__title"><?= html($subpage->title()) ?></h2>
<h2 class="nw-section__title"><?= html($subpage->title()) ?></h2> <?php if ($subpage->tags()->isNotEmpty()): ?>
<?php if ($subpage->tags()->isNotEmpty()): ?> <div class="nw-tags">
<div class="nw-tags"> <?php foreach ($subpage->tags()->split(',') as $tag): ?>
<?php foreach ($subpage->tags()->split(',') as $tag): ?> <span class="nw-tag"><?= html(trim($tag)) ?></span>
<span class="nw-tag"><?= html(trim($tag)) ?></span> <?php endforeach ?>
<?php endforeach ?>
</div>
<?php endif ?>
</header>
<!-- Carte MapLibre inline -->
<?php
$markers = $subpage->children()->listed()->filterBy('intendedTemplate', 'marker');
$mapId = 'map-' . $subpage->uid();
?>
<div class="nw-map-part">
<div class="nw-map-wrap">
<div id="<?= $mapId ?>" class="nw-map"></div>
</div>
<!-- Fichiers de la carte -->
<?php if ($subpage->files()->isNotEmpty()): ?>
<div class="nw-files">
<?php foreach ($subpage->files() as $file): ?>
<a href="<?= $file->url() ?>" class="nw-file" target="_blank">
<span class="nw-file__icon">↓</span>
<span class="nw-file__name"><?= html($file->filename()) ?></span>
</a>
<?php endforeach ?>
</div>
<?php endif ?>
</div> </div>
<?php if ($subpage->intro()->isNotEmpty()): ?>
<div class="nw-prose"><?= $subpage->intro() ?></div>
<?php endif ?> <?php endif ?>
<!-- </div> --> </header>
<?php if ($subpage->intro()->isNotEmpty()): ?>
<div class="nw-prose"><?= $subpage->intro() ?></div>
<?php endif ?>
</div> </div>
<!-- Carte MapLibre inline -->
<?php
$markers = $subpage->children()->listed()->filterBy('intendedTemplate', 'marker');
$mapId = 'map-' . $subpage->uid();
?>
<div class="nw-map-wrap">
<div id="<?= $mapId ?>" class="nw-map"></div>
</div>
<!-- Fichiers de la carte -->
<?php if ($subpage->files()->isNotEmpty()): ?>
<div class="nw-container">
<div class="nw-files">
<?php foreach ($subpage->files() as $file): ?>
<a href="<?= $file->url() ?>" class="nw-file" target="_blank">
<span class="nw-file__icon">↓</span>
<span class="nw-file__name"><?= html($file->filename()) ?></span>
</a>
<?php endforeach ?>
</div>
</div>
<?php endif ?>
<!-- ── Liste des marqueurs sous la carte ── --> <!-- ── Liste des marqueurs sous la carte ── -->
<?php if ($markers->isNotEmpty()): ?> <?php if ($markers->isNotEmpty()): ?>
<div class="nw-map-marker-list nw-container"> <div class="nw-map-marker-list nw-container">

6
public/site/templates/project.php
View file

@ -22,11 +22,7 @@
<meta name="csrf" content="<?= csrf() ?>"> <meta name="csrf" content="<?= csrf() ?>">
<?php endif ?> <?php endif ?>
</head> </head>
<body data-template="<?= $page->template() ?>">
<?php
if($page->background()->isNotEmpty()){ $background = $page->background();}
else{$background = "#FFF";}?>
<body data-template="<?= $page->template() ?>" style="--background-color: <?= $background?>">
<!-- ═══════════════════════════════════════════ <!-- ═══════════════════════════════════════════
EN-TÊTE PROJET EN-TÊTE PROJET

92
src/composables/useElementSettings.js
View file

@ -236,30 +236,33 @@ export function useElementSettings({ margin, padding, basePopup }) {
} }
}; };
// --- Reset refs to inherited/default values when toggle is turned off --- // --- Pre-toggle CSS snapshot ---
const resetRefsToDefaults = (group) => { // Saves the CSS values for a group before toggle ON, restores them on toggle OFF
if (group === 'font') { const preToggleSnapshots = new Map(); // key: `${selector}::${group}` → { cssProp: extractedValue }
fontFamily.value = textDefaults.fontFamily;
italic.value = ELEMENT_DEFAULTS.italic; const savePreToggleSnapshot = (group) => {
bold.value = ELEMENT_DEFAULTS.bold; const key = `${selector.value}::${group}`;
// Re-apply inline defaults if applicable const cssProps = settingGroups[group];
const inlineDefaults = INLINE_DEFAULTS[currentTag.value]; const snapshot = {};
if (inlineDefaults) { for (const cssProp of cssProps) {
if (inlineDefaults.fontStyle === 'italic') italic.value = true; const val = stylesheetStore.extractValue(selector.value, cssProp);
if (inlineDefaults.fontWeight === 'bold') bold.value = true; if (val) snapshot[cssProp] = val;
}
} else if (group === 'fontSize') {
fontSize.value = textDefaults.fontSize.value;
fontSize.unit = textDefaults.fontSize.unit;
} else if (group === 'lineHeight') {
lineHeight.value = textDefaults.lineHeight.value;
lineHeight.unit = textDefaults.lineHeight.unit;
} else if (group === 'color') {
color.value = textDefaults.color;
// Re-apply inline default color if applicable
const inlineDefaults = INLINE_DEFAULTS[currentTag.value];
if (inlineDefaults?.color) color.value = inlineDefaults.color;
} }
preToggleSnapshots.set(key, snapshot);
};
const restorePreToggleSnapshot = (group) => {
const key = `${selector.value}::${group}`;
const snapshot = preToggleSnapshots.get(key);
if (!snapshot) return;
for (const [cssProp, val] of Object.entries(snapshot)) {
if (typeof val === 'object' && 'value' in val) {
updateProp(cssProp, val.value, val.unit);
} else {
updateProp(cssProp, val);
}
}
preToggleSnapshots.delete(key);
}; };
// --- Toggle actions --- // --- Toggle actions ---
@ -272,6 +275,7 @@ export function useElementSettings({ margin, padding, basePopup }) {
settingEnabled[group] = enabled; settingEnabled[group] = enabled;
isUpdatingFromStore = true; isUpdatingFromStore = true;
if (enabled) { if (enabled) {
savePreToggleSnapshot(group);
restoreFromCache(group); restoreFromCache(group);
applyAllEnabledGroups(); applyAllEnabledGroups();
} else { } else {
@ -282,8 +286,7 @@ export function useElementSettings({ margin, padding, basePopup }) {
} else { } else {
removeProps(settingGroups[group]); removeProps(settingGroups[group]);
} }
// Reset refs to defaults so displayedCss shows inherited values restorePreToggleSnapshot(group);
resetRefsToDefaults(group);
} }
saveElementState(); saveElementState();
nextTick(() => { isUpdatingFromStore = false; }); nextTick(() => { isUpdatingFromStore = false; });
@ -350,10 +353,10 @@ export function useElementSettings({ margin, padding, basePopup }) {
const INDEPENDENT_TAGS = new Set(['li', 'ul', 'ol', 'dt', 'dd', 'dl', 'table', 'tr', 'td', 'th', 'caption', 'figure', 'figcaption', 'pre', 'blockquote']); const INDEPENDENT_TAGS = new Set(['li', 'ul', 'ol', 'dt', 'dd', 'dl', 'table', 'tr', 'td', 'th', 'caption', 'figure', 'figcaption', 'pre', 'blockquote']);
const isIndependentElement = computed(() => INDEPENDENT_TAGS.has(currentTag.value)); const isIndependentElement = computed(() => INDEPENDENT_TAGS.has(currentTag.value));
// Check if the current selector has a CSS property in the store (active CSS only, not commented) // Check if the current selector has a CSS property in the store
const hasInCss = (cssProp) => { const hasInCss = (cssProp) => {
if (!selector.value) return false; if (!selector.value) return false;
return !!stylesheetStore.extractValue(selector.value, cssProp, false); return !!stylesheetStore.extractValue(selector.value, cssProp);
}; };
const displayedCss = computed(() => { const displayedCss = computed(() => {
@ -361,10 +364,9 @@ export function useElementSettings({ margin, padding, basePopup }) {
const lines = []; const lines = [];
for (const entry of displayedCssOrder) { for (const entry of displayedCssOrder) {
if (entry.skip && entry.skip()) continue; if (entry.skip && entry.skip()) continue;
const groupEnabled = settingEnabled[entry.group];
// For inline elements, skip special groups (TextSettings defaults) when toggle is OFF // For inline elements, skip special groups (TextSettings defaults) when toggle is OFF
// Exception: keep if the current tag has an inline default for this CSS property // Exception: keep if the current tag has an inline default for this CSS property
if (entry.special && isInlineElement.value && !groupEnabled) { if (entry.special && isInlineElement.value && !settingEnabled[entry.group]) {
const tagDefaults = INLINE_DEFAULTS[currentTag.value]; const tagDefaults = INLINE_DEFAULTS[currentTag.value];
const cssToDefaultKey = { 'color': 'color', 'font-family': 'fontFamily' }; const cssToDefaultKey = { 'color': 'color', 'font-family': 'fontFamily' };
const defaultKey = cssToDefaultKey[entry.css]; const defaultKey = cssToDefaultKey[entry.css];
@ -372,26 +374,18 @@ export function useElementSettings({ margin, padding, basePopup }) {
} }
const val = entry.getValue(); const val = entry.getValue();
if (val === null || val === undefined) continue; if (val === null || val === undefined) continue;
// Show "valeur par défaut" only if the value actually matches the TextSettings default
// Determine inheritance comment for disabled groups let isTextDefault = false;
let comment = ''; if (entry.special && !settingEnabled[entry.group]) {
if (!groupEnabled) { const textDefaultValues = {
if (entry.special) { 'font-family': textDefaults.fontFamily === 'sans-serif' ? 'sans-serif' : `"${textDefaults.fontFamily}"`,
// Special groups: show "hérité de la page" when value matches page-level default 'font-size': `${textDefaults.fontSize.value}${textDefaults.fontSize.unit}`,
const textDefaultValues = { 'line-height': `${textDefaults.lineHeight.value}${textDefaults.lineHeight.unit}`,
'font-family': textDefaults.fontFamily === 'sans-serif' ? 'sans-serif' : `"${textDefaults.fontFamily}"`, 'color': textDefaults.color,
'font-size': `${textDefaults.fontSize.value}${textDefaults.fontSize.unit}`, };
'line-height': `${textDefaults.lineHeight.value}${textDefaults.lineHeight.unit}`, isTextDefault = val === textDefaultValues[entry.css];
'color': textDefaults.color,
};
if (val === textDefaultValues[entry.css]) {
comment = ' /* hérité de la page */';
}
} else if (hasInCss(entry.css)) {
// Non-special groups: show comment when CSS exists but toggle is off
comment = ' /* hérité de la page */';
}
} }
const comment = isTextDefault ? ' /* valeur par défaut */' : '';
lines.push(` ${entry.css}: ${val};${comment}`); lines.push(` ${entry.css}: ${val};${comment}`);
} }
for (const side of ['top', 'right', 'bottom', 'left']) { for (const side of ['top', 'right', 'bottom', 'left']) {
@ -408,7 +402,7 @@ export function useElementSettings({ margin, padding, basePopup }) {
}); });
const editableFullCss = computed(() => { const editableFullCss = computed(() => {
return displayedCss.value.replace(/ \/\* (?:valeur par défaut|hérité de la page) \*\//g, ''); return displayedCss.value.replace(/ \/\* valeur par défaut \*\//g, '');
}); });
// --- CSS parsing & sync --- // --- CSS parsing & sync ---