diff --git a/public/assets/css/src/_buttons.scss b/public/assets/css/src/_buttons.scss index 33cf881..c27a3e7 100644 --- a/public/assets/css/src/_buttons.scss +++ b/public/assets/css/src/_buttons.scss @@ -1,5 +1,5 @@ -.unit-toggle{ +.field{ button:not(.spinner-btn) { cursor: pointer; diff --git a/public/assets/css/src/_forms-section.scss b/public/assets/css/src/_forms-section.scss index dd2a996..99ba95f 100644 --- a/public/assets/css/src/_forms-section.scss +++ b/public/assets/css/src/_forms-section.scss @@ -1,28 +1,46 @@ .settings-section { - margin-top: 3em; - - - // .cons - - + margin: var(--space-m) 0; h2 { - margin-bottom: var(--space); - font-weight: 600; font-size: 1.4rem; border-bottom: 1px solid var(--color-200); color: var(--color-800); - } .infos{ - font-size: 0.8rem; - color: var(--color-interface-400); + + position: relative; + padding-left: 2.5ch; + + + .info-icon{ + position: absolute; + left: 0px; + top: -5px; + svg{ + width: 16px; + fill: var(--color-interface-400); + } + } + + p{ + font-size: 0.8rem; + color: var(--color-interface-400); + } } - .settings-subsection:not(:last-child) { + .container{ + margin-top: var(--space-xs); + } + + +} + + + +.settings-subsection { border-bottom: 1px solid var(--color-interface-100); } @@ -34,10 +52,6 @@ margin-bottom: calc(var(--space-xs)*2); font-size: 1rem; font-weight: 600; - + color: var(--color-800); } - } -} - - - \ No newline at end of file + } \ No newline at end of file diff --git a/public/assets/css/src/_forms.scss b/public/assets/css/src/_forms.scss index 5dede7e..afd6bd8 100644 --- a/public/assets/css/src/_forms.scss +++ b/public/assets/css/src/_forms.scss @@ -5,29 +5,134 @@ input[type="number"] { border: 1px solid var(--color-interface-200); background-color: var(--color-interface-100); font-family: var(--sans-serif); + color: var(--color-txt); font-size: 1rem; - // min-width: var(--input-w); - // width: 100%; - // padding: 0 1ch; + padding-left: 0.5ch; + &:focus{ + border-color: var(--color-interface-400); + } } +/// RANGE --------------------------------------------------------------------------------- + +input[type="range"]{ + -webkit-appearance: none; + background: transparent; +} + +@mixin thumb(){ + border: 2px solid var(--color-panel-bg); + height: 16px; + width: 16px; + border-radius: 50%; + background: var(--color-interface-500); + position: relative; + top: -6px; + cursor: pointer; +} + +@mixin track(){ + width: 100%; + height: 4px; + cursor: pointer; + background: var(--color-interface-200); + border-radius: 2px; +} + +/* WebKit/Blink */ +input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + @include thumb(); +} +input[type=range]::-webkit-slider-runnable-track { + @include track(); +} + +/* Firefox */ +input[type=range]::-moz-range-thumb { + @include thumb(); +} +input[type=range]::-moz-range-track{ + @include track(); +} +/* IE */ +input[type=range]::-ms-thumb { + @include thumb(); +} +input[type=range]::-ms-track{ + background: transparent; + border-color: transparent; + color: transparent; + @include track(); +} + + + + +// Checkbox =============================================== + +input[type="checkbox"]{ + display: none; +} + +input[type="checkbox"] + label{ + position: relative; + padding-left: 24px; +} + +input[type="checkbox"] + label::before{ + content: "✔"; + font-size: 11px; + padding-bottom: 3px; + padding-left: 3px; + --size: 11px; + width: var(--size); + height: var(--size); + border-radius: var(--border-radius); + display: block; + position: absolute; + top: 0px; + border: 1px solid var(--color-interface-400); + background-color: var(--color-interface-100); + + color: transparent; +} + + +input[type="checkbox"]:checked + label::before{ + background-color: var(--color-interface-600); + border-color: var(--color-interface-600); + color: var(--color-panel-bg); +} + + + + +// GENERAL FIELD  =========================================== + +.field--view-only { + opacity: 0.3; +} + + + .field { - display: flex; + display: grid; + grid-template-columns: var(--label-w) 1fr; label { font-weight: 600; color: var(--color-800); + align-self: center; } - .input-with-unit { + .input-with-range { display: flex; gap: 0.3rem; - - } .unit-toggle { @@ -59,13 +164,8 @@ input[type="number"] { } -.field{ - display: grid; - grid-template-columns: var(--label-w) 1fr; - label{ - align-self: center; - } -} + + .field-font{ display: grid; @@ -75,15 +175,29 @@ input[type="number"] { select{ width: 100%; } - .field-checkbox{ + .checkbox-field{ + grid-column: 2; padding-top: var(--space-xs); + margin: 0; label{ font-weight: 400; - margin-left: 0.75ch; + color: var(--color-txt); + text-decoration-color: var(--color-interface-300)!important; } } } +.field-text-size{ + input[type="number"]{ + width: var(--input-w-small); + padding-left: 0.75ch; + } + input[type="range"]{ + flex-grow: 2; + flex-shrink: 2; + } +} + .field-margin, .field-size{ display: inline-grid; width: calc(50% - 1ch); @@ -97,28 +211,40 @@ input[type="number"] { margin-right: 2ch; } - } -.checkbox-field{ - margin: calc(var(--space-xs)*2) 0; - grid-template-columns: 3ch 1fr; - input{ - justify-self: left; - margin: 0; + +.margins label{ + color: var(--color-txt); + font-weight: normal; + text-decoration-color: var(--color-interface-300)!important; +} + +.field-generated-content{ + + + .positions{ + display: flex; + gap: 2em; + } + + .group-position{ + display: flex; + gap: 0.3em; } } -.field--view-only { - opacity: 0.3; -} -/* Label with CSS tooltip */ + + + + +// TOOLTIP =============================================== .label-with-tooltip { - text-decoration: underline dotted 1px var(--color-200); + text-decoration: underline dotted 1px var(--color-400); text-underline-offset: 2px; cursor: help; position: relative; @@ -158,7 +284,6 @@ input[type="number"] { // INPUT NUMBER =============================================== -// Masquer les spinners natifs partout input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; @@ -173,7 +298,6 @@ input[type="number"] { .number-input{ position: relative; - // padding: 0 1ch!important; input{ padding-top: 0; padding-bottom: 0; @@ -188,89 +312,18 @@ input[type="number"] { top: 0; button{ - height: calc(var(--input-h)*0.6); + height: calc(var(--input-h)*0.5); cursor: pointer; padding: 0; - svg path{ - fill: var(--color-interface-600); - } - &:hover{ - svg path{ - fill: var(--color-interface-900); - } - } - } - .spinner-down{ svg{ - position: relative; - top: -2px; + width: 10px; + height: auto; + } + svg path{ fill: var(--color-interface-600); } + &:hover{ + svg path{ fill: var(--color-interface-900); } } } - - } } -// Composant NumberInput avec boutons personnalisés -// .number-input { -// position: relative; -// display: flex; -// align-items: center; -// width: 100%; -// position: relative; - -// input[type="number"] { -// width: 100%; -// box-sizing: border-box; -// } - -// .spinner-buttons { -// background-color: red; -// position: absolute; -// right: 1px; -// top: 1px; -// bottom: 1px; -// display: flex; -// flex-direction: column; -// justify-content: center; -// gap: 1px; -// z-index: 10; - -// .spinner-btn { -// display: flex; -// align-items: center; -// justify-content: center; -// width: 20px; -// height: 10px; -// padding: 0; -// margin: 0; -// background-color: var(--color-interface-200); -// border: 1px solid var(--color-interface-300); -// border-radius: 2px; -// cursor: pointer; -// transition: background-color 0.15s ease; -// color: var(--color-interface-700); -// line-height: 0; - -// svg { -// width: 8px; -// height: 6px; -// display: block; -// } - -// &:hover:not(:disabled) { -// background-color: var(--color-interface-300); -// color: var(--color-interface-900); -// } - -// &:active:not(:disabled) { -// background-color: var(--color-interface-400); -// } - -// &:disabled { -// opacity: 0.3; -// cursor: not-allowed; -// } -// } -// } -// } diff --git a/public/assets/css/src/_settings-popup.scss b/public/assets/css/src/_settings-popup.scss index fcb8294..0fa60ab 100644 --- a/public/assets/css/src/_settings-popup.scss +++ b/public/assets/css/src/_settings-popup.scss @@ -6,7 +6,7 @@ border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); z-index: 10000; - width: 71rem; + width: 860px; max-height: 600px; display: flex; flex-direction: column; @@ -47,10 +47,7 @@ flex: 1; padding: 1rem; overflow-y: auto; - background: white; - display: flex; - flex-direction: column; - gap: 1rem; + background-color: var(--color-panel-bg); } .settings-subsection h4 { diff --git a/public/assets/css/src/_variables.scss b/public/assets/css/src/_variables.scss index c550470..a9667b8 100644 --- a/public/assets/css/src/_variables.scss +++ b/public/assets/css/src/_variables.scss @@ -9,7 +9,7 @@ - --color-txt: var(--color-interface-800); + --color-txt: var(--color-interface-900); --color-panel-bg: var(--color-interface-050); --color-page-highlight: #ff8a50; @@ -20,6 +20,8 @@ --space-xs: 0.5rem; --space-s: 1rem; --space: 1.5rem; + --space-m: 2rem; + --space-big: 3em; --curve: cubic-bezier(0.86, 0, 0.07, 1); @@ -34,4 +36,5 @@ font-size: 14px; --panel-w: 540px; + --panel-nav-h: 60px; } diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 21e8d89..2099ca4 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; @font-face { font-family: "DM Sans"; src: url("/assets/fonts/DMSans/DMSans[opsz,wght].woff2") format("woff2-variations"); @@ -223,7 +224,7 @@ img { :root { --color-browngray-050: #f5f3f0; --color-browngray-200: #d0c4ba; - --color-txt: var(--color-interface-800); + --color-txt: var(--color-interface-900); --color-panel-bg: var(--color-interface-050); --color-page-highlight: #ff8a50; --color-purple: #7136ff; @@ -231,6 +232,8 @@ img { --space-xs: 0.5rem; --space-s: 1rem; --space: 1.5rem; + --space-m: 2rem; + --space-big: 3em; --curve: cubic-bezier(0.86, 0, 0.07, 1); --sans-serif: "DM Sans", sans-serif; --mono: "Inconsolata", monospace; @@ -240,6 +243,7 @@ img { --label-w: 18ch; font-size: 14px; --panel-w: 540px; + --panel-nav-h: 60px; } body { @@ -273,17 +277,131 @@ input[type=number] { border: 1px solid var(--color-interface-200); background-color: var(--color-interface-100); font-family: var(--sans-serif); + color: var(--color-txt); font-size: 1rem; + padding-left: 0.5ch; +} +select:focus, +input[type=text]:focus, +input[type=number]:focus { + border-color: var(--color-interface-400); +} + +input[type=range] { + -webkit-appearance: none; + background: transparent; +} + +/* WebKit/Blink */ +input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + border: 2px solid var(--color-panel-bg); + height: 16px; + width: 16px; + border-radius: 50%; + background: var(--color-interface-500); + position: relative; + top: -6px; + cursor: pointer; +} + +input[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 4px; + cursor: pointer; + background: var(--color-interface-200); + border-radius: 2px; +} + +/* Firefox */ +input[type=range]::-moz-range-thumb { + border: 2px solid var(--color-panel-bg); + height: 16px; + width: 16px; + border-radius: 50%; + background: var(--color-interface-500); + position: relative; + top: -6px; + cursor: pointer; +} + +input[type=range]::-moz-range-track { + width: 100%; + height: 4px; + cursor: pointer; + background: var(--color-interface-200); + border-radius: 2px; +} + +/* IE */ +input[type=range]::-ms-thumb { + border: 2px solid var(--color-panel-bg); + height: 16px; + width: 16px; + border-radius: 50%; + background: var(--color-interface-500); + position: relative; + top: -6px; + cursor: pointer; +} + +input[type=range]::-ms-track { + background: transparent; + border-color: transparent; + color: transparent; + width: 100%; + height: 4px; + cursor: pointer; + background: var(--color-interface-200); + border-radius: 2px; +} + +input[type=checkbox] { + display: none; +} + +input[type=checkbox] + label { + position: relative; + padding-left: 24px; +} + +input[type=checkbox] + label::before { + content: "✔"; + font-size: 11px; + padding-bottom: 3px; + padding-left: 3px; + --size: 11px; + width: var(--size); + height: var(--size); + border-radius: var(--border-radius); + display: block; + position: absolute; + top: 0px; + border: 1px solid var(--color-interface-400); + background-color: var(--color-interface-100); + color: transparent; +} + +input[type=checkbox]:checked + label::before { + background-color: var(--color-interface-600); + border-color: var(--color-interface-600); + color: var(--color-panel-bg); +} + +.field--view-only { + opacity: 0.3; } .field { - display: flex; + display: grid; + grid-template-columns: var(--label-w) 1fr; } .field label { font-weight: 600; color: var(--color-800); + align-self: center; } -.field .input-with-unit { +.field .input-with-range { display: flex; gap: 0.3rem; } @@ -311,14 +429,6 @@ input[type=number] { grid-column: 2; } -.field { - display: grid; - grid-template-columns: var(--label-w) 1fr; -} -.field label { - align-self: center; -} - .field-font { display: grid; grid-template-columns: var(--label-w) 1fr; @@ -327,12 +437,24 @@ input[type=number] { .field-font select { width: 100%; } -.field-font .field-checkbox { +.field-font .checkbox-field { + grid-column: 2; padding-top: var(--space-xs); + margin: 0; } -.field-font .field-checkbox label { +.field-font .checkbox-field label { font-weight: 400; - margin-left: 0.75ch; + color: var(--color-txt); + text-decoration-color: var(--color-interface-300) !important; +} + +.field-text-size input[type=number] { + width: var(--input-w-small); + padding-left: 0.75ch; +} +.field-text-size input[type=range] { + flex-grow: 2; + flex-shrink: 2; } .field-margin, .field-size { @@ -349,23 +471,24 @@ input[type=number] { margin-right: 2ch; } -.checkbox-field { - margin: calc(var(--space-xs) * 2) 0; - grid-template-columns: 3ch 1fr; -} -.checkbox-field input { - justify-self: left; - margin: 0; +.margins label { + color: var(--color-txt); + font-weight: normal; + text-decoration-color: var(--color-interface-300) !important; } -.field--view-only { - opacity: 0.3; +.field-generated-content .positions { + display: flex; + gap: 2em; +} +.field-generated-content .group-position { + display: flex; + gap: 0.3em; } -/* Label with CSS tooltip */ .label-with-tooltip { - -webkit-text-decoration: underline dotted 1px var(--color-200); - text-decoration: underline dotted 1px var(--color-200); + -webkit-text-decoration: underline dotted 1px var(--color-400); + text-decoration: underline dotted 1px var(--color-400); text-underline-offset: 2px; cursor: help; position: relative; @@ -421,49 +544,67 @@ input[type=number] { top: 0; } .number-input .spinner-buttons button { - height: calc(var(--input-h) * 0.6); + height: calc(var(--input-h) * 0.5); cursor: pointer; padding: 0; } +.number-input .spinner-buttons button svg { + width: 10px; + height: auto; +} .number-input .spinner-buttons button svg path { fill: var(--color-interface-600); } .number-input .spinner-buttons button:hover svg path { fill: var(--color-interface-900); } -.number-input .spinner-buttons .spinner-down svg { - position: relative; - top: -2px; -} .settings-section { - margin-top: 3em; + margin: var(--space-m) 0; } .settings-section h2 { - margin-bottom: var(--space); font-weight: 600; font-size: 1.4rem; border-bottom: 1px solid var(--color-200); color: var(--color-800); } .settings-section .infos { + position: relative; + padding-left: 2.5ch; +} +.settings-section .infos .info-icon { + position: absolute; + left: 0px; + top: -5px; +} +.settings-section .infos .info-icon svg { + width: 16px; + fill: var(--color-interface-400); +} +.settings-section .infos p { font-size: 0.8rem; color: var(--color-interface-400); } -.settings-section .settings-subsection:not(:last-child) { +.settings-section .container { + margin-top: var(--space-xs); +} + +.settings-subsection { border-bottom: 1px solid var(--color-interface-100); } -.settings-section .settings-subsection { + +.settings-subsection { padding: var(--space-xs) 0; } -.settings-section .settings-subsection h3 { +.settings-subsection h3 { margin-top: calc(var(--space-xs) * 1.5); margin-bottom: calc(var(--space-xs) * 2); font-size: 1rem; font-weight: 600; + color: var(--color-800); } -.unit-toggle button:not(.spinner-btn) { +.field button:not(.spinner-btn) { cursor: pointer; border: 1px solid var(--color-interface-400); color: var(--color-interface-400); @@ -472,10 +613,10 @@ input[type=number] { padding: 0.1rem 0.3rem; height: calc(var(--input-h) * 0.75); } -.unit-toggle button:not(.spinner-btn):not(.active):hover { +.field button:not(.spinner-btn):not(.active):hover { background-color: var(--color-interface-100); } -.unit-toggle button:not(.spinner-btn).active { +.field button:not(.spinner-btn).active { color: var(--color-interface-050); background-color: var(--color-interface-500); cursor: auto; @@ -508,7 +649,7 @@ input[type=number] { border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); z-index: 10000; - width: 71rem; + width: 860px; max-height: 600px; display: flex; flex-direction: column; @@ -549,10 +690,7 @@ input[type=number] { flex: 1; padding: 1rem; overflow-y: auto; - background: white; - display: flex; - flex-direction: column; - gap: 1rem; + background-color: var(--color-panel-bg); } .settings-subsection h4 { diff --git a/public/assets/css/style.css.map b/public/assets/css/style.css.map index d5ddc57..11fef21 100644 --- a/public/assets/css/style.css.map +++ b/public/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/_fonts.scss","style.css","src/_colors.scss","src/_reset.scss","src/_variables.scss","src/_text.scss","src/_print-styles.scss","src/_forms.scss","src/_forms-section.scss","src/_buttons.scss","src/_settings-popup.scss"],"names":[],"mappings":"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","file":"style.css"} +{"version":3,"sources":["style.css","src/_fonts.scss","src/_colors.scss","src/_reset.scss","src/_variables.scss","src/_text.scss","src/_print-styles.scss","src/_forms.scss","src/_forms-section.scss","src/_buttons.scss","src/_settings-popup.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/public/assets/css/stylesheet.css b/public/assets/css/stylesheet.css index 660780c..0e6b841 100644 --- a/public/assets/css/stylesheet.css +++ b/public/assets/css/stylesheet.css @@ -31,7 +31,7 @@ h2 { } p { - font-size: 1rem; + font-size: 16px; margin: 0mm 0mm 5mm 0mm; } diff --git a/public/assets/svg/info.svg b/public/assets/svg/info.svg new file mode 100644 index 0000000..874471b --- /dev/null +++ b/public/assets/svg/info.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/vendor/composer/autoload_psr4.php b/public/vendor/composer/autoload_psr4.php index b44265d..c9abc16 100644 --- a/public/vendor/composer/autoload_psr4.php +++ b/public/vendor/composer/autoload_psr4.php @@ -16,7 +16,7 @@ return array( 'PHPMailer\\PHPMailer\\' => array($vendorDir . '/phpmailer/phpmailer/src'), 'League\\ColorExtractor\\' => array($vendorDir . '/league/color-extractor/src'), 'Laminas\\Escaper\\' => array($vendorDir . '/laminas/laminas-escaper/src'), - 'Kirby\\' => array($vendorDir . '/getkirby/composer-installer/src', $baseDir . '/kirby/src'), + 'Kirby\\' => array($baseDir . '/kirby/src', $vendorDir . '/getkirby/composer-installer/src'), 'Composer\\Semver\\' => array($vendorDir . '/composer/semver/src'), 'Base32\\' => array($vendorDir . '/christian-riesen/base32/src'), ); diff --git a/public/vendor/composer/autoload_static.php b/public/vendor/composer/autoload_static.php index 9ee9663..50a3b38 100644 --- a/public/vendor/composer/autoload_static.php +++ b/public/vendor/composer/autoload_static.php @@ -96,8 +96,8 @@ class ComposerStaticInit0b7fb803e22a45eb87e24172337208aa ), 'Kirby\\' => array ( - 0 => __DIR__ . '/..' . '/getkirby/composer-installer/src', - 1 => __DIR__ . '/../..' . '/kirby/src', + 0 => __DIR__ . '/../..' . '/kirby/src', + 1 => __DIR__ . '/..' . '/getkirby/composer-installer/src', ), 'Composer\\Semver\\' => array ( diff --git a/public/vendor/composer/installed.php b/public/vendor/composer/installed.php index b182cad..22de123 100644 --- a/public/vendor/composer/installed.php +++ b/public/vendor/composer/installed.php @@ -1,9 +1,9 @@ array( 'name' => 'getkirby/plainkit', - 'pretty_version' => '5.1.4', - 'version' => '5.1.4.0', - 'reference' => null, + 'pretty_version' => 'dev-main', + 'version' => 'dev-main', + 'reference' => '76274fff04c54514230ad2bb0aca362139618411', 'type' => 'project', 'install_path' => __DIR__ . '/../../', 'aliases' => array(), @@ -65,9 +65,9 @@ 'dev_requirement' => false, ), 'getkirby/plainkit' => array( - 'pretty_version' => '5.1.4', - 'version' => '5.1.4.0', - 'reference' => null, + 'pretty_version' => 'dev-main', + 'version' => 'dev-main', + 'reference' => '76274fff04c54514230ad2bb0aca362139618411', 'type' => 'project', 'install_path' => __DIR__ . '/../../', 'aliases' => array(), diff --git a/src/components/ElementPopup.vue b/src/components/ElementPopup.vue index 21764fa..e27d79a 100644 --- a/src/components/ElementPopup.vue +++ b/src/components/ElementPopup.vue @@ -18,19 +18,17 @@
-
+
- - +
+ +
+ + +
+
@@ -38,18 +36,7 @@
-
- -
+
@@ -57,7 +44,7 @@
-
+
-
+
-
+
String(fontWeight.value.value), + set: (val) => { + fontWeight.value.value = parseInt(val); + } +}); + const immediateUpdate = (callback) => { callback(); }; @@ -794,43 +794,4 @@ defineExpose({ handleIframeClick, close, visible }); color: var(--color-purple); font-size: 0.875rem; } - -.button-group { - display: flex; - gap: 0.25rem; -} - -.button-group button { - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - border: 1px solid #ddd; - background: white; - cursor: pointer; - transition: all 0.2s; -} - -.button-group button.active { - background: #61afef; - color: white; - border-color: #61afef; -} - -.button-group button:disabled { - opacity: 0.5; - cursor: not-allowed; -} - -.checkbox-inline { - display: inline-flex; - align-items: center; - gap: 0.25rem; - margin-left: 1rem; - font-size: 0.875rem; - cursor: pointer; -} - -.checkbox-inline input[type="checkbox"] { - margin: 0; - cursor: pointer; -} diff --git a/src/components/PagePopup.vue b/src/components/PagePopup.vue index 80a7a5c..5ae4cda 100644 --- a/src/components/PagePopup.vue +++ b/src/components/PagePopup.vue @@ -26,7 +26,7 @@ :class="{ 'field--view-only': inheritanceLocked }" > -
+
-
+
-
+
-
+
diff --git a/src/components/editor/PageSettings.vue b/src/components/editor/PageSettings.vue index d21a5a5..f7427c5 100644 --- a/src/components/editor/PageSettings.vue +++ b/src/components/editor/PageSettings.vue @@ -2,7 +2,17 @@

Réglage des pages

- +
+ + + + + +

+ Ces réglages s'appliquent à l'ensemble des pages du document. Vous + pouvez modifier ensuite les pages des gabarits indépendamment. +

+
@@ -54,7 +64,7 @@ -
+
Bas -
+
Gauche -
+
Droite -
+
-
+ +
+
+ data-css="content: counter(page)" + > + Numéro de page + +
+
+
+ + + +
+
+ + +
+
+
+
+ +
+ +
+
+ + +
+
+
+ + + +
+
+ + +
+
-
- - -
+ + + + + + + +
diff --git a/src/components/editor/TextSettings.vue b/src/components/editor/TextSettings.vue index 95973bd..4093cfc 100644 --- a/src/components/editor/TextSettings.vue +++ b/src/components/editor/TextSettings.vue @@ -2,11 +2,18 @@

Réglage du texte

- -

+ +

+ + + + + +

Ces réglages s'appliquent à l'ensemble des éléments du document. Vous pouvez modifier ensuite les éléments indépendamment. -

+

+
@@ -16,7 +23,7 @@ -
+
@@ -34,11 +41,11 @@
-
+
+ +
+
+ + +
+
+
@@ -151,6 +172,7 @@ const font = ref('Alegreya Sans'); const italic = ref(false); const weight = ref('400'); const fontSize = ref({ value: 16, unit: 'px' }); +const lineHeight = ref({ value: 1.2, unit: 'em' }); const alignment = ref('left'); const color = ref('rgb(0, 0, 0)'); const background = ref('transparent'); @@ -203,10 +225,92 @@ watch(weight, (val) => { updateStyle('p', 'font-weight', val); }); -watch(fontSize, (val) => { +watch(fontSize, (newVal, oldVal) => { if (isUpdatingFromStore) return; + + // If unit changed, convert the value + if (oldVal && newVal.unit !== oldVal.unit) { + const baseFontSize = 16; // Default base font size for rem + let convertedValue = newVal.value; + + // Convert from px to em/rem + if (oldVal.unit === 'px' && (newVal.unit === 'em' || newVal.unit === 'rem')) { + convertedValue = newVal.value / baseFontSize; + // Round to 1 decimal place + convertedValue = Math.round(convertedValue * 10) / 10; + } + // Convert from em/rem to px + else if ((oldVal.unit === 'em' || oldVal.unit === 'rem') && newVal.unit === 'px') { + convertedValue = newVal.value * baseFontSize; + // Round to whole number for px + convertedValue = Math.round(convertedValue); + } + + // Clamp to valid range based on new unit + if (newVal.unit === 'em' || newVal.unit === 'rem') { + convertedValue = Math.max(0, Math.min(4, convertedValue)); + } else { + convertedValue = Math.max(8, Math.min(72, convertedValue)); + } + + // Update with converted value - create new object to trigger reactivity + fontSize.value = { value: convertedValue, unit: newVal.unit }; + return; // Exit early to avoid double update + } + debouncedUpdate(() => { - updateStyle('p', 'font-size', `${val.value}${val.unit}`); + updateStyle('p', 'font-size', `${newVal.value}${newVal.unit}`); + }); +}, { deep: true }); + +watch(lineHeight, (newVal, oldVal) => { + if (isUpdatingFromStore) return; + + // If unit changed, convert the value + if (oldVal && newVal.unit !== oldVal.unit) { + const baseFontSize = 16; // Default base font size for rem + let convertedValue = newVal.value; + + // Convert from px to em/rem + if (oldVal.unit === 'px' && (newVal.unit === 'em' || newVal.unit === 'rem')) { + const divisor = newVal.unit === 'em' ? fontSize.value.value : baseFontSize; + convertedValue = newVal.value / divisor; + // Round to 1 decimal place + convertedValue = Math.round(convertedValue * 10) / 10; + } + // Convert from em/rem to px + else if ((oldVal.unit === 'em' || oldVal.unit === 'rem') && newVal.unit === 'px') { + const multiplier = oldVal.unit === 'em' ? fontSize.value.value : baseFontSize; + convertedValue = newVal.value * multiplier; + // Round to whole number for px + convertedValue = Math.round(convertedValue); + } + // Convert between em and rem + else if (oldVal.unit === 'em' && newVal.unit === 'rem') { + convertedValue = (newVal.value * fontSize.value.value) / baseFontSize; + // Round to 1 decimal place + convertedValue = Math.round(convertedValue * 10) / 10; + } + else if (oldVal.unit === 'rem' && newVal.unit === 'em') { + convertedValue = (newVal.value * baseFontSize) / fontSize.value.value; + // Round to 1 decimal place + convertedValue = Math.round(convertedValue * 10) / 10; + } + + // Clamp to valid range based on new unit + if (newVal.unit === 'em' || newVal.unit === 'rem') { + convertedValue = Math.max(0, Math.min(4, convertedValue)); + } else { + convertedValue = Math.max(0, Math.min(72, convertedValue)); + } + + // Update with converted value - create new object to trigger reactivity + lineHeight.value = { value: convertedValue, unit: newVal.unit }; + return; // Exit early to avoid double update + } + + debouncedUpdate(() => { + updateStyle('p', 'line-height', `${newVal.value}${newVal.unit}`); }); }, { deep: true }); @@ -257,6 +361,9 @@ const syncFromStore = () => { const fontSizeVal = extractNumericValue('p', 'font-size', ['px', 'em', 'rem']); if (fontSizeVal) fontSize.value = fontSizeVal; + const lineHeightVal = extractNumericValue('p', 'line-height', ['px', 'em', 'rem']); + if (lineHeightVal) lineHeight.value = lineHeightVal; + // Margins const margins = extractSpacing('p', 'margin'); if (margins) { diff --git a/src/components/ui/InputWithUnit.vue b/src/components/ui/InputWithUnit.vue index a87ae90..01e76bc 100644 --- a/src/components/ui/InputWithUnit.vue +++ b/src/components/ui/InputWithUnit.vue @@ -1,19 +1,19 @@ diff --git a/src/components/ui/MarginEditor.vue b/src/components/ui/MarginEditor.vue index f773452..34ac73d 100644 --- a/src/components/ui/MarginEditor.vue +++ b/src/components/ui/MarginEditor.vue @@ -2,7 +2,7 @@
-
+
-
+
diff --git a/src/components/ui/UnitToggle.vue b/src/components/ui/UnitToggle.vue index 17228cc..6b0d571 100644 --- a/src/components/ui/UnitToggle.vue +++ b/src/components/ui/UnitToggle.vue @@ -5,6 +5,7 @@ :key="unit" type="button" :class="{ active: modelValue === unit }" + :disabled="disabled" @click="$emit('update:modelValue', unit)" > {{ unit }} @@ -21,6 +22,10 @@ defineProps({ units: { type: Array, default: () => ['mm', 'px'] + }, + disabled: { + type: Boolean, + default: false } });