From 960f509d5c466195ef87ed69030696eeb0400a38 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Wed, 3 Dec 2025 16:47:17 +0100 Subject: [PATCH] refactor: move all styles to public/assets/css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove duplicate CSS files from src/assets - Keep all stylesheets in public/assets/css for static serving - Update style.css imports to reference public assets - Cleaner separation: public for styles, src for Vue components 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- public/assets/css/editor-ui.css | 1 + .../assets/css}/print-styles.css | 2 - src/assets/editor-ui.css | 0 src/assets/pagedjs-interface.css | 171 ------------------ src/style.css | 4 +- 5 files changed, 3 insertions(+), 175 deletions(-) create mode 100644 public/assets/css/editor-ui.css rename {src/assets => public/assets/css}/print-styles.css (99%) delete mode 100644 src/assets/editor-ui.css delete mode 100644 src/assets/pagedjs-interface.css diff --git a/public/assets/css/editor-ui.css b/public/assets/css/editor-ui.css new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/public/assets/css/editor-ui.css @@ -0,0 +1 @@ + diff --git a/src/assets/print-styles.css b/public/assets/css/print-styles.css similarity index 99% rename from src/assets/print-styles.css rename to public/assets/css/print-styles.css index 7429227..eac0fe6 100644 --- a/src/assets/print-styles.css +++ b/public/assets/css/print-styles.css @@ -3,7 +3,6 @@ size: A4; margin: 20mm 15mm 26mm 15mm; } - h2 { break-before: page; } @@ -13,7 +12,6 @@ h2 { content: string(title); } } - .chapter > h2 { string-set: title content(text); } diff --git a/src/assets/editor-ui.css b/src/assets/editor-ui.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/assets/pagedjs-interface.css b/src/assets/pagedjs-interface.css deleted file mode 100644 index bcef24a..0000000 --- a/src/assets/pagedjs-interface.css +++ /dev/null @@ -1,171 +0,0 @@ -/* CSS for Paged.js interface – v0.4 */ - -/* Change the look */ -:root { - --color-background: whitesmoke; - --color-pageSheet: #cfcfcf; - --color-pageBox: violet; - --color-paper: white; - --color-marginBox: transparent; - --pagedjs-crop-color: black; - --pagedjs-crop-shadow: white; - --pagedjs-crop-stroke: 1px; -} - -/* To define how the book look on the screen: */ -@media screen, pagedjs-ignore { - body { - background-color: var(--color-background); - } - - .pagedjs_pages { - display: flex; - width: calc(var(--pagedjs-width) * 2); - flex: 0; - flex-wrap: wrap; - margin: 0 auto; - } - - .pagedjs_page { - background-color: var(--color-paper); - box-shadow: 0 0 0 1px var(--color-pageSheet); - margin: 0; - flex-shrink: 0; - flex-grow: 0; - margin-top: 10mm; - } - - .pagedjs_first_page { - margin-left: var(--pagedjs-width); - } - - .pagedjs_page:last-of-type { - margin-bottom: 10mm; - } - - .pagedjs_pagebox { - box-shadow: 0 0 0 1px var(--color-pageBox); - } - - .pagedjs_left_page { - z-index: 20; - width: calc( - var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width) - ) !important; - } - - .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop { - border-color: transparent; - } - - .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle { - width: 0; - } - - .pagedjs_right_page { - z-index: 10; - position: relative; - left: calc(var(--pagedjs-bleed-left) * -1); - } - - /* show the margin-box */ - - .pagedjs_margin-top-left-corner-holder, - .pagedjs_margin-top, - .pagedjs_margin-top-left, - .pagedjs_margin-top-center, - .pagedjs_margin-top-right, - .pagedjs_margin-top-right-corner-holder, - .pagedjs_margin-bottom-left-corner-holder, - .pagedjs_margin-bottom, - .pagedjs_margin-bottom-left, - .pagedjs_margin-bottom-center, - .pagedjs_margin-bottom-right, - .pagedjs_margin-bottom-right-corner-holder, - .pagedjs_margin-right, - .pagedjs_margin-right-top, - .pagedjs_margin-right-middle, - .pagedjs_margin-right-bottom, - .pagedjs_margin-left, - .pagedjs_margin-left-top, - .pagedjs_margin-left-middle, - .pagedjs_margin-left-bottom { - box-shadow: 0 0 0 1px inset var(--color-marginBox); - } - - /* uncomment this part for recto/verso book : ------------------------------------ */ - - /* - .pagedjs_pages { - flex-direction: column; - width: 100%; - } - - .pagedjs_first_page { - margin-left: 0; - } - - .pagedjs_page { - margin: 0 auto; - margin-top: 10mm; - } - - .pagedjs_left_page{ - width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width) + var(--pagedjs-bleed-left))!important; - } - - .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop{ - border-color: var(--pagedjs-crop-color); - } - - .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{ - width: var(--pagedjs-cross-size)!important; - } - - .pagedjs_right_page{ - left: 0; - } - */ - - /*--------------------------------------------------------------------------------------*/ - - /* uncomment this par to see the baseline : -------------------------------------------*/ - - /* .pagedjs_pagebox { - --pagedjs-baseline: 22px; - --pagedjs-baseline-position: 5px; - --pagedjs-baseline-color: cyan; - background: linear-gradient(transparent 0%, transparent calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) var(--pagedjs-baseline)), transparent; - background-size: 100% var(--pagedjs-baseline); - background-repeat: repeat-y; - background-position-y: var(--pagedjs-baseline-position); - } */ - - /*--------------------------------------------------------------------------------------*/ -} - -/* Marks (to delete when merge in paged.js) */ - -.pagedjs_marks-crop { - z-index: 999999999999; -} - -.pagedjs_bleed-top .pagedjs_marks-crop, -.pagedjs_bleed-bottom .pagedjs_marks-crop { - box-shadow: 1px 0px 0px 0px var(--pagedjs-crop-shadow); -} - -.pagedjs_bleed-top .pagedjs_marks-crop:last-child, -.pagedjs_bleed-bottom .pagedjs_marks-crop:last-child { - box-shadow: -1px 0px 0px 0px var(--pagedjs-crop-shadow); -} - -.pagedjs_bleed-left .pagedjs_marks-crop, -.pagedjs_bleed-right .pagedjs_marks-crop { - box-shadow: 0px 1px 0px 0px var(--pagedjs-crop-shadow); -} - -.pagedjs_bleed-left .pagedjs_marks-crop:last-child, -.pagedjs_bleed-right .pagedjs_marks-crop:last-child { - box-shadow: 0px -1px 0px 0px var(--pagedjs-crop-shadow); -} diff --git a/src/style.css b/src/style.css index cbac745..e25f678 100644 --- a/src/style.css +++ b/src/style.css @@ -1,2 +1,2 @@ -@import url('./assets/pagedjs-interface.css'); -@import url('./assets/editor-ui.css'); +@import url('/assets/css/pagedjs-interface.css'); +@import url('/assets/css/editor-ui.css');