diff --git a/public/assets/css/src/_buttons.scss b/public/assets/css/src/_buttons.scss index 4e0927b..33cf881 100644 --- a/public/assets/css/src/_buttons.scss +++ b/public/assets/css/src/_buttons.scss @@ -37,6 +37,7 @@ border: 1px solid currentColor; border-radius: calc(var(--input-h)); font-weight: 500; + background-color: var(--color-panel-bg); &.active{ background-color: var(--color-interface-400); diff --git a/public/assets/css/src/_colors.scss b/public/assets/css/src/_colors.scss index f3996c0..3bd46fd 100644 --- a/public/assets/css/src/_colors.scss +++ b/public/assets/css/src/_colors.scss @@ -77,29 +77,29 @@ -[data-color-type="elem"]{ - --color-050: #fff4ec; - --color-100: #ffe6d6; - --color-200: #ffd1b5; - --color-300: #ffbc94; - --color-400: #ffa673; - --color-500: #ff945b; - --color-600: #ff8d54; - --color-700: #f97f46; - --color-800: #ff8a50; - --color-900: #d96a30; +[data-color-type="page"]{ + --color-050: #fff4ec; + --color-100: #ffe6d6; + --color-200: #ffd7c2; + --color-300: #ffc7ac; + --color-400: #ffb38f; + --color-500: #ffa06f; + --color-600: #ff8a50; + --color-700: #ff8a50; + --color-800: #ea733c; + --color-900: #d96a30; } -[data-color-type="page"]{ - --color-050: #f4f0ff; - --color-100: #e7e1ff; - --color-200: #d4c8ff; - --color-300: #b9a8ff; - --color-400: #9f89ff; - --color-500: #866aff; - --color-600: #7a52ff; - --color-700: #7442ff; - --color-800: #7136ff; - --color-900: #5223d6; +[data-color-type="elem"]{ + --color-050: #f4f0ff; + --color-100: #e7e1ff; + --color-200: #dacfff; + --color-300: #c7b8ff; + --color-400: #b19cff; + --color-500: #9a80ff; + --color-600: #7136ff; + --color-700: #6930f5; + --color-800: #5d28e6; + --color-900: #5223d6; } \ No newline at end of file diff --git a/public/assets/css/src/_forms-section.scss b/public/assets/css/src/_forms-section.scss index bf0dc9f..a668e42 100644 --- a/public/assets/css/src/_forms-section.scss +++ b/public/assets/css/src/_forms-section.scss @@ -7,7 +7,6 @@ font-weight: 600; font-size: 1.4rem; - border-bottom: 1px solid var(--color-200); color: var(--color-800); @@ -32,10 +31,9 @@ h3 { margin-top: calc(var(--space-xs)*1.5); - margin-bottom: calc(var(--space-xs)*2); - // color: var(--color-600); - font-size: 1rem; - font-weight: 600; + margin-bottom: calc(var(--space-xs)*2); + font-size: 1rem; + font-weight: 600; } } \ No newline at end of file diff --git a/public/assets/css/src/_forms.scss b/public/assets/css/src/_forms.scss index 0bdf883..d80ad59 100644 --- a/public/assets/css/src/_forms.scss +++ b/public/assets/css/src/_forms.scss @@ -17,11 +17,6 @@ input[type="number"] { .field { display: flex; - // label{ - // width: var(--label-w); - // background-color: red; - // flex-grow: 3; - // } label { font-weight: 600; @@ -123,9 +118,6 @@ input[type="number"] { .checkbox-field{ margin: calc(var(--space-xs)*2) 0; grid-template-columns: 3ch 1fr; - label{ - // font-weight: normal; - } input{ justify-self: left; margin: 0; diff --git a/public/assets/css/style.css b/public/assets/css/style.css index c84e75f..05c319d 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -163,29 +163,29 @@ --color-900: #483c39; } -[data-color-type=elem] { +[data-color-type=page] { --color-050: #fff4ec; --color-100: #ffe6d6; - --color-200: #ffd1b5; - --color-300: #ffbc94; - --color-400: #ffa673; - --color-500: #ff945b; - --color-600: #ff8d54; - --color-700: #f97f46; - --color-800: #ff8a50; + --color-200: #ffd7c2; + --color-300: #ffc7ac; + --color-400: #ffb38f; + --color-500: #ffa06f; + --color-600: #ff8a50; + --color-700: #ff8a50; + --color-800: #ea733c; --color-900: #d96a30; } -[data-color-type=page] { +[data-color-type=elem] { --color-050: #f4f0ff; --color-100: #e7e1ff; - --color-200: #d4c8ff; - --color-300: #b9a8ff; - --color-400: #9f89ff; - --color-500: #866aff; - --color-600: #7a52ff; - --color-700: #7442ff; - --color-800: #7136ff; + --color-200: #dacfff; + --color-300: #c7b8ff; + --color-400: #b19cff; + --color-500: #9a80ff; + --color-600: #7136ff; + --color-700: #6930f5; + --color-800: #5d28e6; --color-900: #5223d6; } @@ -507,6 +507,7 @@ input[type=number] { border: 1px solid currentColor; border-radius: calc(var(--input-h)); font-weight: 500; + background-color: var(--color-panel-bg); } #editor-panel .tabs .tab.active { background-color: var(--color-interface-400); diff --git a/public/assets/css/style.css.map b/public/assets/css/style.css.map index f61d53d..aedff4e 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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/public/assets/css/stylesheet.css b/public/assets/css/stylesheet.css index 5f10ef0..660780c 100644 --- a/public/assets/css/stylesheet.css +++ b/public/assets/css/stylesheet.css @@ -10,6 +10,14 @@ } } +body { + font-family: "DM Sans", sans-serif; +} + +h1 { + font-size: 3rem; +} + h2 { break-before: page; } @@ -24,13 +32,18 @@ h2 { p { font-size: 1rem; - margin: 0mm 0mm 10mm 0mm; + margin: 0mm 0mm 5mm 0mm; +} + +li p { + margin-bottom: 0; } img { width: 100%; } -li p { - margin-bottom: 0; +a { + color: #7136ff; + text-decoration: none; } diff --git a/src/App.vue b/src/App.vue index d3b69f8..d18723a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -236,7 +236,7 @@ const clearSelectedPages = () => { selectedPages.value = []; }; -// Content elements that can trigger ElementPopup +// Text elements that can trigger ElementPopup (excluding containers, images, etc.) const CONTENT_ELEMENTS = [ 'P', 'H1', @@ -245,34 +245,17 @@ const CONTENT_ELEMENTS = [ 'H4', 'H5', 'H6', - 'IMG', - 'FIGURE', - 'FIGCAPTION', - 'UL', - 'OL', - 'LI', 'BLOCKQUOTE', - 'PRE', - 'CODE', - 'TABLE', - 'THEAD', - 'TBODY', - 'TR', - 'TH', - 'TD', + 'LI', 'A', - 'SPAN', 'STRONG', 'EM', 'B', 'I', 'U', - 'ARTICLE', - 'SECTION', - 'ASIDE', - 'HEADER', - 'FOOTER', - 'NAV', + 'CODE', + 'PRE', + 'FIGCAPTION', ]; // Check if element is a content element (or find closest content parent) diff --git a/src/components/ElementPopup.vue b/src/components/ElementPopup.vue index 07b01c2..f9e7e5f 100644 --- a/src/components/ElementPopup.vue +++ b/src/components/ElementPopup.vue @@ -375,6 +375,7 @@ const generatePreviewCss = () => { const properties = []; + // Include all properties with their current values if (fontFamily.value.value) { properties.push(` font-family: ${fontFamily.value.value};`); } @@ -390,16 +391,16 @@ const generatePreviewCss = () => { if (textAlign.value.value) { properties.push(` text-align: ${textAlign.value.value};`); } - if (color.value.value && color.value.value !== 'rgb(0, 0, 0)') { + if (color.value.value) { properties.push(` color: ${color.value.value};`); } - if (background.value.value && background.value.value !== 'transparent') { + if (background.value.value) { properties.push(` background: ${background.value.value};`); } - if (marginOuter.value.value) { + if (marginOuter.value.value !== undefined && marginOuter.value.value !== null) { properties.push(` margin: ${marginOuter.value.value}${marginOuter.value.unit};`); } - if (paddingInner.value.value) { + if (paddingInner.value.value !== undefined && paddingInner.value.value !== null) { properties.push(` padding: ${paddingInner.value.value}${paddingInner.value.unit};`); } diff --git a/src/components/PagePopup.vue b/src/components/PagePopup.vue index d82b8ef..80a7a5c 100644 --- a/src/components/PagePopup.vue +++ b/src/components/PagePopup.vue @@ -622,9 +622,11 @@ const generatePreviewCss = () => { const properties = []; + // Always include margin with current values const marginValue = `${margins.value.top.value}${margins.value.top.unit} ${margins.value.right.value}${margins.value.right.unit} ${margins.value.bottom.value}${margins.value.bottom.unit} ${margins.value.left.value}${margins.value.left.unit}`; properties.push(` margin: ${marginValue};`); + // Include background if it has a value if (background.value.value) { properties.push(` background: ${background.value.value};`); } diff --git a/src/components/editor/EditorPanel.vue b/src/components/editor/EditorPanel.vue index e539dd2..771818e 100644 --- a/src/components/editor/EditorPanel.vue +++ b/src/components/editor/EditorPanel.vue @@ -34,8 +34,14 @@ @click="activeTab = ''" title="Fermer le panneau" > - - + + @@ -75,6 +81,7 @@ const activeTab = inject('activeTab'); display: flex; flex-direction: column; z-index: 2; + pointer-events: none; } nav { @@ -84,6 +91,7 @@ nav { display: flex; gap: 0.5rem; z-index: 2; + pointer-events: all; } .close-button { @@ -99,6 +107,7 @@ nav { background: transparent; border: none; cursor: pointer; + pointer-events: all; color: var(--color-interface-300); transition: color 0.2s ease; @@ -117,7 +126,7 @@ nav { flex: 1; overflow: hidden; position: relative; - left: calc(var(--panel-w)*-1); + left: calc(var(--panel-w) * -1); background-color: var(--color-panel-bg); @@ -125,6 +134,7 @@ nav { transition: left 0.3s var(--curve); + pointer-events: all; } .tab-content.open {