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

display default value in popup

Browse source
This commit is contained in:
Julie Blanc 2026-03-06 18:11:36 +01:00
parent 1832b031be
commit 6902a2fd0e
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/ElementPopup.vue
View file

@ -21,6 +21,7 @@
<input type="checkbox" class="toggle-setting" :checked="settingEnabled.font" @change="onToggleSetting('font', $event.target.checked)" /> <input type="checkbox" class="toggle-setting" :checked="settingEnabled.font" @change="onToggleSetting('font', $event.target.checked)" />
<div class="field field-font"> <div class="field field-font">
<label class="label-with-tooltip" data-css="font-family">Police</label> <label class="label-with-tooltip" data-css="font-family">Police</label>
<p class="info-default">Valeur par défaut : {{ textDefaults.fontFamily === 'sans-serif' ? 'Police système (sans-serif)' : textDefaults.fontFamily }}</p>
<div class="field-font__options"> <div class="field-font__options">
<select v-model="fontFamily"> <select v-model="fontFamily">
<option value="sans-serif">Police système (sans-serif)</option> <option value="sans-serif">Police système (sans-serif)</option>
@ -43,6 +44,7 @@
<input type="checkbox" class="toggle-setting" :checked="settingEnabled.fontSize" @change="onToggleSetting('fontSize', $event.target.checked)" /> <input type="checkbox" class="toggle-setting" :checked="settingEnabled.fontSize" @change="onToggleSetting('fontSize', $event.target.checked)" />
<div class="field field-text-size"> <div class="field field-text-size">
<label class="label-with-tooltip" data-css="font-size">Taille du texte</label> <label class="label-with-tooltip" data-css="font-size">Taille du texte</label>
<p class="info-default">Valeur par défaut : {{ textDefaults.fontSize.value }}{{ textDefaults.fontSize.unit }}</p>
<InputWithUnit <InputWithUnit
v-model="fontSizeModel" v-model="fontSizeModel"
:units="['px']" :units="['px']"
@ -58,6 +60,7 @@
<input type="checkbox" class="toggle-setting" :checked="settingEnabled.lineHeight" @change="onToggleSetting('lineHeight', $event.target.checked)" /> <input type="checkbox" class="toggle-setting" :checked="settingEnabled.lineHeight" @change="onToggleSetting('lineHeight', $event.target.checked)" />
<div class="field field-text-size"> <div class="field field-text-size">
<label class="label-with-tooltip" data-css="line-height">Interlignage</label> <label class="label-with-tooltip" data-css="line-height">Interlignage</label>
<p class="info-default">Valeur par défaut : {{ textDefaults.lineHeight.value }}{{ textDefaults.lineHeight.unit }}</p>
<InputWithUnit <InputWithUnit
v-model="lineHeightModel" v-model="lineHeightModel"
:units="['px']" :units="['px']"
@ -87,6 +90,7 @@
<input type="checkbox" class="toggle-setting" :checked="settingEnabled.color" @change="onToggleSetting('color', $event.target.checked)" /> <input type="checkbox" class="toggle-setting" :checked="settingEnabled.color" @change="onToggleSetting('color', $event.target.checked)" />
<div class="field field-simple"> <div class="field field-simple">
<label class="label-with-tooltip" data-css="color">Couleur du texte</label> <label class="label-with-tooltip" data-css="color">Couleur du texte</label>
<p class="info-default">Valeur par défaut : {{ textDefaults.color }}</p>
<div class="input-with-color"> <div class="input-with-color">
<input <input
ref="colorInput" ref="colorInput"