diff --git a/public/assets/css/src/_colors.scss b/public/assets/css/src/_colors.scss new file mode 100644 index 0000000..f3996c0 --- /dev/null +++ b/public/assets/css/src/_colors.scss @@ -0,0 +1,105 @@ +:root{ + + + + + // BRONZE SUBTIL + --color-interface-050: #f5f0ed; + --color-interface-050: #f8f5f4; + --color-interface-100: #efe9e6; + --color-interface-200: #e0d5d0; + --color-interface-300: #cabbb5; + --color-interface-400: #b2a29c; + --color-interface-500: #998985; + --color-interface-600: #7f716e; + --color-interface-700: #675b58; + --color-interface-800: #5b4f4c; + --color-interface-900: #483c39; + + + --color-050: #f5f0ed; + --color-050: #f8f5f4; + --color-100: #efe9e6; + --color-200: #e0d5d0; + --color-300: #cabbb5; + --color-400: #b2a29c; + --color-500: #998985; + --color-600: #7f716e; + --color-700: #675b58; + --color-800: #5b4f4c; + --color-900: #483c39; + + + + + + // MARRON +// --color-interface-050: #fcf7f4; +// --color-interface-100: #f5eae4; +// --color-interface-200: #e9d4c8; +// --color-interface-300: #d8b7a6; +// --color-interface-400: #c39986; +// --color-interface-500: #ad826f; +// --color-interface-600: #916b5b; +// --color-interface-700: #755548; +// --color-interface-800: #5c443a; +// --color-interface-900: #46342b; + + + + + // CHAMPAGNE + // --color-interface-050: #f9f6f4; + // --color-interface-100: #f2ebe6; + // --color-interface-200: #e6d8cf; + // --color-interface-300: #d4c2b7; + // --color-interface-400: #c2ac9d; + // --color-interface-500: #ac9383; + // --color-interface-600: #927a6a; + // --color-interface-700: #776356; + // --color-interface-800: #5e4e45; + // --color-interface-900: #473a32; + + // GREY + // --color-interface-050: #f7f6f4; + // --color-interface-100: #eceae6; + // --color-interface-200: #dedbd6; + // --color-interface-300: #c9c5be; + // --color-interface-400: #b4afa7; + // --color-interface-500: #9d978f; + // --color-interface-600: #86817a; + // --color-interface-700: #6e6a63; + // --color-interface-800: #55534d; + // --color-interface-900: #3e3c37; + + +} + + + +[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: #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; +} \ No newline at end of file diff --git a/public/assets/css/src/_forms-section.scss b/public/assets/css/src/_forms-section.scss new file mode 100644 index 0000000..2290d07 --- /dev/null +++ b/public/assets/css/src/_forms-section.scss @@ -0,0 +1,56 @@ +.settings-section { + + margin-top: 3em; + + + // .cons + + + + h2 { + margin-bottom: var(--space); + + font-weight: 600; + font-size: 1.4rem; + // border-radius: var(--border-radius); + // height: var(--input-h); + // padding: 0 1ch; + // display: flex; + // align-items: center; + + // color: var(--color-interface-050); + // background-color: var(--color-800); + // display: inline-block; + + border-bottom: 1px solid var(--color-200); + color: var(--color-800); + +// border-bottom: 2px solid currentColor; +// margin-bottom: 2rem; + } + + .infos{ + font-size: 0.8rem; + color: var(--color-interface-400); + } + + .settings-subsection:not(:last-child) { + border-bottom: 1px solid var(--color-interface-100); + } + + .settings-subsection { + padding: var(--space-xs) 0; + + 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; + + } + } +} + + + \ No newline at end of file diff --git a/public/assets/css/src/_forms.scss b/public/assets/css/src/_forms.scss index a0e0b98..f687355 100644 --- a/public/assets/css/src/_forms.scss +++ b/public/assets/css/src/_forms.scss @@ -12,6 +12,111 @@ input[type="number"] { } +.field { + display: flex; + + // label{ + // width: var(--label-w); + // background-color: red; + // flex-grow: 3; + // } + + label { + font-weight: 600; + color: var(--color-800); + } + + + + .input-with-unit { + display: flex; + gap: 0.3rem; + + + } + + .unit-toggle { + height: var(--input-h); + display: flex; + gap: 0.3rem; + align-items: center; + } + + .input-with-color { + width: 100%; + .clr-field { + width: 100%; + display: grid; + grid-template-columns: var(--input-h); + grid-gap: 1ch; + button{ + grid-column: 1; + position: relative; + border-radius: var(--border-radius); + + } + input{ + grid-column: 2; + } + + } + } +} + + +.field{ + display: grid; + grid-template-columns: var(--label-w) 1fr; + label{ + align-self: center; + } +} + +.field-font{ + display: grid; + grid-template-columns: var(--label-w) 1fr; + grid-template-rows: var(--input-h) var(--input-h); + + select{ + width: 100%; + } + .field-checkbox{ + padding-top: var(--space-xs); + label{ + font-weight: 400; + margin-left: 0.75ch; + } + } +} + +.field-margin, .field-size{ + display: inline-grid; + width: calc(50% - 1ch); + grid-template-columns: 6.5ch var(--input-w-small) 1fr; + margin-bottom: var(--space-xs); + input{ + width: var(--input-w-small); + padding-left: 0.75ch; + } + &:nth-of-type(odd){ + margin-right: 2ch; + + } + +} + +.checkbox-field{ + margin: calc(var(--space-xs)*2) 0; + grid-template-columns: 3ch 1fr; + label{ + // font-weight: normal; + } + input{ + justify-self: left; + margin: 0; + } +} + @@ -21,8 +126,7 @@ input[type="number"] { /* Label with CSS tooltip */ .label-with-tooltip { - text-decoration: underline dotted 2px; - text-decoration-color: var(--color-interface-200); + text-decoration: underline dotted 1px var(--color-200); text-underline-offset: 2px; cursor: help; position: relative; @@ -34,8 +138,8 @@ input[type="number"] { left: 0; margin-bottom: 4px; padding: 0.25rem 0.5rem; - background: var(--color-browngray-700); - color: var(--color-browngray-100); + background: var(--color-interface-700); + color: var(--color-interface-050); font-family: var(--mono); font-size: 0.75rem; border-radius: 4px; @@ -54,166 +158,7 @@ input[type="number"] { } } -.settings-section { - margin-top: 3em; - - &#settings-section_page{ - --color: var(--color-page-highlight); - } - &#settings-section_text{ - --color: var(--color-purple); - } - - - .container{ - border: 1px solid var(--color); - border-radius: var(--border-radius); - padding: 0.5em 1em; - } - - - - h2 { - margin-bottom: var(--space-xs); - - - - font-weight: 500; - font-size: 1rem; - border-radius: var(--border-radius); - height: var(--input-h); - padding: 0 1ch; - display: flex; - align-items: center; - - color: var(--color-panel-bg); - background-color: var(--color); - - // border: 2px solid var(--color); - // color: var(--color); - } - - .infos{ - font-size: 0.8rem; - color: var(--color-interface-400); - } - - .settings-subsection:not(:last-child) { - border-bottom: 1px solid var(--color-interface-100); - } - - .settings-subsection { - padding: var(--space-xs) 0; - - h3 { - margin-bottom: var(--space-xs); - } - - .field { - display: flex; - - // label{ - // width: var(--label-w); - // background-color: red; - // flex-grow: 3; - // } - - label { - font-weight: 600; - } - - - - .input-with-unit { - display: flex; - gap: 0.3rem; - - - } - - .unit-toggle { - height: var(--input-h); - display: flex; - gap: 0.3rem; - align-items: center; - } - - .input-with-color { - width: 100%; - .clr-field { - width: 100%; - display: grid; - grid-template-columns: var(--input-h); - grid-gap: 1ch; - button{ - grid-column: 1; - position: relative; - border-radius: var(--border-radius); - - } - input{ - grid-column: 2; - } - - } - } - } - - - .field{ - display: grid; - grid-template-columns: var(--label-w) 1fr; - label{ - align-self: center; - } - } - - .field-font{ - display: grid; - grid-template-columns: var(--label-w) 1fr; - grid-template-rows: var(--input-h) var(--input-h); - - select{ - width: 100%; - } - .field-checkbox{ - padding-top: var(--space-xs); - label{ - font-weight: 400; - margin-left: 0.75ch; - } - } - } - - .field-margin, .field-size{ - display: inline-grid; - width: calc(50% - 1ch); - grid-template-columns: 6.5ch var(--input-w-small) 1fr; - margin-bottom: var(--space-xs); - input{ - width: var(--input-w-small); - padding-left: 0.75ch; - } - &:nth-of-type(odd){ - margin-right: 2ch; - - } - - } - - .checkbox-field{ - margin-bottom: var(--space-xs); - grid-template-columns: 3ch 1fr; - input{ - justify-self: left; - margin: 0; - } - } - - - } -} diff --git a/public/assets/css/src/_settings-popup.scss b/public/assets/css/src/_settings-popup.scss index 797ecb3..e1d148b 100644 --- a/public/assets/css/src/_settings-popup.scss +++ b/public/assets/css/src/_settings-popup.scss @@ -60,38 +60,38 @@ } // Label with CSS tooltip -.label-with-tooltip { - text-decoration: underline dotted; - text-underline-offset: 2px; - cursor: help; - position: relative; +// .label-with-tooltip { +// text-decoration: underline dotted; +// text-underline-offset: 2px; +// cursor: help; +// position: relative; - &::after { - content: attr(data-css); - position: absolute; - bottom: 100%; - left: 0; - margin-bottom: 4px; - padding: 0.25rem 0.5rem; - background: var(--color-browngray-700, #3d3d3d); - color: var(--color-browngray-100, #f5f5f5); - font-family: "Courier New", Courier, monospace; - font-size: 0.75rem; - border-radius: 4px; - white-space: nowrap; - opacity: 0; - visibility: hidden; - transition: - opacity 0.15s ease, - visibility 0.15s ease; - z-index: 10; - } +// &::after { +// content: attr(data-css); +// position: absolute; +// bottom: 100%; +// left: 0; +// margin-bottom: 4px; +// padding: 0.25rem 0.5rem; +// background: var(--color-browngray-700, #3d3d3d); +// color: var(--color-browngray-100, #f5f5f5); +// font-family: "Courier New", Courier, monospace; +// font-size: 0.75rem; +// border-radius: 4px; +// white-space: nowrap; +// opacity: 0; +// visibility: hidden; +// transition: +// opacity 0.15s ease, +// visibility 0.15s ease; +// z-index: 10; +// } - &:hover::after { - opacity: 1; - visibility: visible; - } -} +// &:hover::after { +// opacity: 1; +// visibility: visible; +// } +// } // Inheritance lock/unlock button .inheritance-btn { diff --git a/public/assets/css/src/_variables.scss b/public/assets/css/src/_variables.scss index b0cfc33..c550470 100644 --- a/public/assets/css/src/_variables.scss +++ b/public/assets/css/src/_variables.scss @@ -6,68 +6,6 @@ --color-browngray-200: #d0c4ba; - --color-interface-050: #f5f5f5; - --color-interface-100: #e2e6ed; - --color-interface-200: #d7dce8; - --color-interface-300: #c0c4d1; - --color-interface-400: #bec4d4; - --color-interface-900: #3e414c; - - - - - // MARRON - --color-interface-050: #fcf7f4; - --color-interface-100: #f5eae4; - --color-interface-200: #e9d4c8; - --color-interface-300: #d8b7a6; - --color-interface-400: #c39986; - --color-interface-500: #ad826f; - --color-interface-600: #916b5b; - --color-interface-700: #755548; - --color-interface-800: #5c443a; - --color-interface-900: #46342b; - - - // BRONZE SUBTIL - --color-interface-050: #f5f0ed; - --color-interface-050: #f8f5f4; - --color-interface-100: #efe9e6; - --color-interface-200: #e0d5d0; - --color-interface-300: #cabbb5; - --color-interface-400: #b2a29c; - --color-interface-500: #998985; - --color-interface-600: #7f716e; - --color-interface-700: #675b58; - --color-interface-800: #5b4f4c; - --color-interface-900: #483c39; - - - // CHAMPAGNE - // --color-interface-050: #f9f6f4; - // --color-interface-100: #f2ebe6; - // --color-interface-200: #e6d8cf; - // --color-interface-300: #d4c2b7; - // --color-interface-400: #c2ac9d; - // --color-interface-500: #ac9383; - // --color-interface-600: #927a6a; - // --color-interface-700: #776356; - // --color-interface-800: #5e4e45; - // --color-interface-900: #473a32; - - // GREY - // --color-interface-050: #f7f6f4; - // --color-interface-100: #eceae6; - // --color-interface-200: #dedbd6; - // --color-interface-300: #c9c5be; - // --color-interface-400: #b4afa7; - // --color-interface-500: #9d978f; - // --color-interface-600: #86817a; - // --color-interface-700: #6e6a63; - // --color-interface-800: #55534d; - // --color-interface-900: #3e3c37; - - @@ -80,6 +18,8 @@ --border-radius: 0.2rem; --space-xs: 0.5rem; + --space-s: 1rem; + --space: 1.5rem; --curve: cubic-bezier(0.86, 0, 0.07, 1); @@ -92,4 +32,6 @@ --input-w-small: 45px; --label-w: 18ch; font-size: 14px; + + --panel-w: 540px; } diff --git a/public/assets/css/style.css b/public/assets/css/style.css index a5de469..fe1ccf4 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -138,6 +138,57 @@ font-style: normal; font-display: swap; } +:root { + --color-interface-050: #f5f0ed; + --color-interface-050: #f8f5f4; + --color-interface-100: #efe9e6; + --color-interface-200: #e0d5d0; + --color-interface-300: #cabbb5; + --color-interface-400: #b2a29c; + --color-interface-500: #998985; + --color-interface-600: #7f716e; + --color-interface-700: #675b58; + --color-interface-800: #5b4f4c; + --color-interface-900: #483c39; + --color-050: #f5f0ed; + --color-050: #f8f5f4; + --color-100: #efe9e6; + --color-200: #e0d5d0; + --color-300: #cabbb5; + --color-400: #b2a29c; + --color-500: #998985; + --color-600: #7f716e; + --color-700: #675b58; + --color-800: #5b4f4c; + --color-900: #483c39; +} + +[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: #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; +} + body, html { padding: 0; @@ -168,39 +219,14 @@ button { :root { --color-browngray-050: #f5f3f0; --color-browngray-200: #d0c4ba; - --color-interface-050: #f5f5f5; - --color-interface-100: #e2e6ed; - --color-interface-200: #d7dce8; - --color-interface-300: #c0c4d1; - --color-interface-400: #bec4d4; - --color-interface-900: #3e414c; - --color-interface-050: #fcf7f4; - --color-interface-100: #f5eae4; - --color-interface-200: #e9d4c8; - --color-interface-300: #d8b7a6; - --color-interface-400: #c39986; - --color-interface-500: #ad826f; - --color-interface-600: #916b5b; - --color-interface-700: #755548; - --color-interface-800: #5c443a; - --color-interface-900: #46342b; - --color-interface-050: #f5f0ed; - --color-interface-050: #f8f5f4; - --color-interface-100: #efe9e6; - --color-interface-200: #e0d5d0; - --color-interface-300: #cabbb5; - --color-interface-400: #b2a29c; - --color-interface-500: #998985; - --color-interface-600: #7f716e; - --color-interface-700: #675b58; - --color-interface-800: #5b4f4c; - --color-interface-900: #483c39; --color-txt: var(--color-interface-800); --color-panel-bg: var(--color-interface-050); --color-page-highlight: #ff8a50; --color-purple: #7136ff; --border-radius: 0.2rem; --space-xs: 0.5rem; + --space-s: 1rem; + --space: 1.5rem; --curve: cubic-bezier(0.86, 0, 0.07, 1); --sans-serif: "DM Sans", sans-serif; --mono: "Inconsolata", monospace; @@ -209,6 +235,7 @@ button { --input-w-small: 45px; --label-w: 18ch; font-size: 14px; + --panel-w: 540px; } body { @@ -245,15 +272,96 @@ input[type=number] { font-size: 1rem; } +.field { + display: flex; +} +.field label { + font-weight: 600; + color: var(--color-800); +} +.field .input-with-unit { + display: flex; + gap: 0.3rem; +} +.field .unit-toggle { + height: var(--input-h); + display: flex; + gap: 0.3rem; + align-items: center; +} +.field .input-with-color { + width: 100%; +} +.field .input-with-color .clr-field { + width: 100%; + display: grid; + grid-template-columns: var(--input-h); + grid-gap: 1ch; +} +.field .input-with-color .clr-field button { + grid-column: 1; + position: relative; + border-radius: var(--border-radius); +} +.field .input-with-color .clr-field input { + 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; + grid-template-rows: var(--input-h) var(--input-h); +} +.field-font select { + width: 100%; +} +.field-font .field-checkbox { + padding-top: var(--space-xs); +} +.field-font .field-checkbox label { + font-weight: 400; + margin-left: 0.75ch; +} + +.field-margin, .field-size { + display: inline-grid; + width: calc(50% - 1ch); + grid-template-columns: 6.5ch var(--input-w-small) 1fr; + margin-bottom: var(--space-xs); +} +.field-margin input, .field-size input { + width: var(--input-w-small); + padding-left: 0.75ch; +} +.field-margin:nth-of-type(odd), .field-size:nth-of-type(odd) { + 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; +} + .field--view-only { opacity: 0.3; } /* Label with CSS tooltip */ .label-with-tooltip { - -webkit-text-decoration: underline dotted 2px; - text-decoration: underline dotted 2px; - text-decoration-color: var(--color-interface-200); + -webkit-text-decoration: underline dotted 1px var(--color-200); + text-decoration: underline dotted 1px var(--color-200); text-underline-offset: 2px; cursor: help; position: relative; @@ -265,8 +373,8 @@ input[type=number] { left: 0; margin-bottom: 4px; padding: 0.25rem 0.5rem; - background: var(--color-browngray-700); - color: var(--color-browngray-100); + background: var(--color-interface-700); + color: var(--color-interface-050); font-family: var(--mono); font-size: 0.75rem; border-radius: 4px; @@ -281,122 +389,6 @@ input[type=number] { visibility: visible; } -.settings-section { - margin-top: 3em; -} -.settings-section#settings-section_page { - --color: var(--color-page-highlight); -} -.settings-section#settings-section_text { - --color: var(--color-purple); -} -.settings-section .container { - border: 1px solid var(--color); - border-radius: var(--border-radius); - padding: 0.5em 1em; -} -.settings-section h2 { - margin-bottom: var(--space-xs); - font-weight: 500; - font-size: 1rem; - border-radius: var(--border-radius); - height: var(--input-h); - padding: 0 1ch; - display: flex; - align-items: center; - color: var(--color-panel-bg); - background-color: var(--color); -} -.settings-section .infos { - font-size: 0.8rem; - color: var(--color-interface-400); -} -.settings-section .settings-subsection:not(:last-child) { - border-bottom: 1px solid var(--color-interface-100); -} -.settings-section .settings-subsection { - padding: var(--space-xs) 0; -} -.settings-section .settings-subsection h3 { - margin-bottom: var(--space-xs); -} -.settings-section .settings-subsection .field { - display: flex; -} -.settings-section .settings-subsection .field label { - font-weight: 600; -} -.settings-section .settings-subsection .field .input-with-unit { - display: flex; - gap: 0.3rem; -} -.settings-section .settings-subsection .field .unit-toggle { - height: var(--input-h); - display: flex; - gap: 0.3rem; - align-items: center; -} -.settings-section .settings-subsection .field .input-with-color { - width: 100%; -} -.settings-section .settings-subsection .field .input-with-color .clr-field { - width: 100%; - display: grid; - grid-template-columns: var(--input-h); - grid-gap: 1ch; -} -.settings-section .settings-subsection .field .input-with-color .clr-field button { - grid-column: 1; - position: relative; - border-radius: var(--border-radius); -} -.settings-section .settings-subsection .field .input-with-color .clr-field input { - grid-column: 2; -} -.settings-section .settings-subsection .field { - display: grid; - grid-template-columns: var(--label-w) 1fr; -} -.settings-section .settings-subsection .field label { - align-self: center; -} -.settings-section .settings-subsection .field-font { - display: grid; - grid-template-columns: var(--label-w) 1fr; - grid-template-rows: var(--input-h) var(--input-h); -} -.settings-section .settings-subsection .field-font select { - width: 100%; -} -.settings-section .settings-subsection .field-font .field-checkbox { - padding-top: var(--space-xs); -} -.settings-section .settings-subsection .field-font .field-checkbox label { - font-weight: 400; - margin-left: 0.75ch; -} -.settings-section .settings-subsection .field-margin, .settings-section .settings-subsection .field-size { - display: inline-grid; - width: calc(50% - 1ch); - grid-template-columns: 6.5ch var(--input-w-small) 1fr; - margin-bottom: var(--space-xs); -} -.settings-section .settings-subsection .field-margin input, .settings-section .settings-subsection .field-size input { - width: var(--input-w-small); - padding-left: 0.75ch; -} -.settings-section .settings-subsection .field-margin:nth-of-type(odd), .settings-section .settings-subsection .field-size:nth-of-type(odd) { - margin-right: 2ch; -} -.settings-section .settings-subsection .checkbox-field { - margin-bottom: var(--space-xs); - grid-template-columns: 3ch 1fr; -} -.settings-section .settings-subsection .checkbox-field input { - justify-self: left; - margin: 0; -} - input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; @@ -440,6 +432,33 @@ input[type=number] { top: -2px; } +.settings-section { + margin-top: 3em; +} +.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 { + font-size: 0.8rem; + color: var(--color-interface-400); +} +.settings-section .settings-subsection:not(:last-child) { + border-bottom: 1px solid var(--color-interface-100); +} +.settings-section .settings-subsection { + padding: var(--space-xs) 0; +} +.settings-section .settings-subsection h3 { + margin-top: calc(var(--space-xs) * 1.5); + margin-bottom: calc(var(--space-xs) * 2); + font-size: 1rem; + font-weight: 600; +} + .unit-toggle button:not(.spinner-btn) { cursor: pointer; border: 1px solid var(--color-interface-400); @@ -537,36 +556,6 @@ input[type=number] { font-weight: 600; } -.label-with-tooltip { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - text-underline-offset: 2px; - cursor: help; - position: relative; -} -.label-with-tooltip::after { - content: attr(data-css); - position: absolute; - bottom: 100%; - left: 0; - margin-bottom: 4px; - padding: 0.25rem 0.5rem; - background: var(--color-browngray-700, #3d3d3d); - color: var(--color-browngray-100, #f5f5f5); - font-family: "Courier New", Courier, monospace; - font-size: 0.75rem; - border-radius: 4px; - white-space: nowrap; - opacity: 0; - visibility: hidden; - transition: opacity 0.15s ease, visibility 0.15s ease; - z-index: 10; -} -.label-with-tooltip:hover::after { - opacity: 1; - visibility: visible; -} - .inheritance-btn { display: flex; align-items: center; diff --git a/public/assets/css/style.css.map b/public/assets/css/style.css.map index 65e19b7..81ee1c8 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/_reset.scss","src/_variables.scss","src/_text.scss","src/_print-styles.scss","src/_forms.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/style.scss b/public/assets/css/style.scss index 6db5d34..a844cc7 100644 --- a/public/assets/css/style.scss +++ b/public/assets/css/style.scss @@ -1,8 +1,10 @@ -@import "src/_fonts.scss"; -@import "src/_reset.scss"; -@import "src/_variables.scss"; -@import "src/_text.scss"; -@import "src/_print-styles.scss"; -@import "src/_forms.scss"; -@import "src/_buttons.scss"; -@import "src/_settings-popup.scss"; +@use "src/_fonts.scss" as *; +@use "src/_colors.scss" as *; +@use "src/_reset.scss" as *; +@use "src/_variables.scss" as *; +@use "src/_text.scss" as *; +@use "src/_print-styles.scss" as *; +@use "src/_forms.scss" as *; +@use "src/_forms-section.scss" as *; +@use "src/_buttons.scss" as *; +@use "src/_settings-popup.scss" as *; diff --git a/public/site/snippets/header.php b/public/site/snippets/header.php index e420f16..e989166 100644 --- a/public/site/snippets/header.php +++ b/public/site/snippets/header.php @@ -8,7 +8,7 @@ isHomePage() != true, $page->title() . ' - ') . $site->title() ?> - + diff --git a/src/components/editor/EditorPanel.vue b/src/components/editor/EditorPanel.vue index acb355e..e209215 100644 --- a/src/components/editor/EditorPanel.vue +++ b/src/components/editor/EditorPanel.vue @@ -70,7 +70,7 @@ const activeTab = inject('activeTab'); position: fixed; top: 0; left: 0; - width: 38rem; + width: var(--panel-w); height: 100vh; display: flex; flex-direction: column; @@ -79,7 +79,7 @@ const activeTab = inject('activeTab'); nav { position: absolute; - margin: 1rem 0 0 1rem; + margin: 1.5rem 0 0 2rem; display: flex; gap: 0.5rem; @@ -88,7 +88,7 @@ nav { .close-button { position: absolute; - top: 1rem; + top: 1.5rem; right: 1rem; z-index: 2; @@ -117,7 +117,7 @@ nav { flex: 1; overflow: hidden; position: relative; - left: -35rem; + left: calc(var(--panel-w)*-1); padding: 4rem 0; @@ -134,8 +134,8 @@ nav { .tab-panel { height: 100%; overflow-y: auto; - overflow-x:hidden; - padding-right: 2em; - padding-left: 1em; + overflow-x: hidden; + padding: 0 2em; + // padding-left: 1em; } diff --git a/src/components/editor/PageSettings.vue b/src/components/editor/PageSettings.vue index fc3db85..b0a2fe7 100644 --- a/src/components/editor/PageSettings.vue +++ b/src/components/editor/PageSettings.vue @@ -1,5 +1,5 @@