diff --git a/public/assets/css/src/_actions-btn.scss b/public/assets/css/src/_actions-btn.scss
new file mode 100644
index 0000000..d7ff436
--- /dev/null
+++ b/public/assets/css/src/_actions-btn.scss
@@ -0,0 +1,178 @@
+#actions-btn{
+
+position: fixed;
+bottom: 0.5rem;
+left: 0rem;
+padding: 2em;
+width: calc(var(--panel-w) - 4em);
+ z-index: 1000;
+ --color-bg: var(--color-panel-bg);
+ --color-text: var(--color-interface-800);
+
+ display: flex;
+ align-items: center;
+ // align-content: stretch;
+ gap: 1em;
+ // background-color: var(--color-panel-bg);
+
+ button{
+ color: var(--color-text);
+
+ // font-size: 1.2rem;
+ font-family: var(--sans-serif);
+ height: calc(var(--input-h)*1.25);
+ padding: 0 1ch;
+ border: 1px solid currentColor;
+ border-radius: 5px;
+ font-weight: 500;
+ background-color: var(--color-panel-bg);
+ // width: 14ch;
+
+ display: flex;
+ align-items: center;
+ // justify-content: center;
+ gap: 0.5ch;
+ margin-top: var(--space-xs);
+ cursor: pointer;
+
+
+ .icon{
+ position: relative;
+ top: 2px;
+ }
+ svg{
+ width: 20px;
+ height: 20px;
+ fill: var(--color-text);
+ }
+
+ &.has-changes {
+outline-offset: 2px;
+ outline: 3px solid rgb(247, 98, 98);
+
+ }
+ }
+
+ .error-tooltip{
+ position: absolute;
+ top: 0em;
+ font-size: 10px;
+ max-width: 20ch;
+ color: rgb(247, 98, 98);
+ }
+
+}
+
+
+
+
+
+.last-saved{
+ position: absolute;
+ padding-top: 0.75em;
+ font-size: 10px;
+ max-width: 20ch;
+ color: var(--color-interface-400);
+
+
+}
+
+
+.save-button-wrapper {
+ // position: fixed;
+ // top: 2rem;
+ // right: 5rem;
+ // z-index: 1000;
+ // display: flex;
+ // flex-direction: column;
+ // align-items: flex-end;
+ // gap: 0.5rem;
+}
+
+// .save-btn {
+// width: 3.5rem;
+// height: 3.5rem;
+// border-radius: 50%;
+// border: none;
+// background: var(--color-interface-300, #ccc);
+// color: white;
+// cursor: not-allowed;
+// display: flex;
+// align-items: center;
+// justify-content: center;
+// box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+// transition: all 0.2s ease;
+// position: relative;
+// }
+
+// .save-btn.has-changes {
+// background: var(--color-page-highlight, #ff8a50);
+// cursor: pointer;
+// }
+
+// .save-btn.has-changes:hover {
+// transform: scale(1.1);
+// box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
+// }
+
+// .save-btn.is-saving {
+// cursor: wait;
+// }
+
+// .save-btn.has-error {
+// background: #e74c3c;
+// }
+
+// .save-btn.save-success {
+// background: #2ecc71;
+// }
+
+// .save-icon,
+// .success-icon {
+// width: 1.5rem;
+// height: 1.5rem;
+// }
+
+.spinner {
+ width: 1.5rem;
+ height: 1.5rem;
+ border-radius: 50%;
+ border-top: 2px solid white;
+ border-right: 2px solid transparent;
+ animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+// .last-saved {
+// font-size: 0.75rem;
+// color: var(--color-interface-600, #666);
+// background: white;
+// padding: 0.25rem 0.5rem;
+// border-radius: 0.25rem;
+// box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+// white-space: nowrap;
+// }
+
+// .error-tooltip {
+// position: absolute;
+// top: calc(100% + 0.5rem);
+// right: 0;
+// background: #e74c3c;
+// color: white;
+// padding: 0.5rem 0.75rem;
+// border-radius: 0.25rem;
+// font-size: 0.875rem;
+// white-space: nowrap;
+// box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+// max-width: 15rem;
+// word-wrap: break-word;
+// white-space: normal;
+// }
\ No newline at end of file
diff --git a/public/assets/css/src/_buttons.scss b/public/assets/css/src/_buttons.scss
deleted file mode 100644
index 33cf881..0000000
--- a/public/assets/css/src/_buttons.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-
-.unit-toggle{
- button:not(.spinner-btn) {
- cursor: pointer;
-
- border: 1px solid var(--color-interface-400);
- color: var(--color-interface-400);
- background-color: var(--color-panel-bg);
- border-radius: var(--border-radius);
- padding: 0.1rem 0.3rem;
- height: calc(var(--input-h)*0.75);
-
-
- &:not(.active):hover{
- background-color: var(--color-interface-100);
- }
-
- &.active {
- // border: 1px solid var(--color-interface-700);
- color: var(--color-interface-050);
- background-color: var(--color-interface-500);
- cursor: auto;
- }
-
-
- }
-}
-
-
-#editor-panel .tabs{
- .tab{
- color: var(--color-interface-600);
- font-size: 1rem;
- font-family: var(--sans-serif);
- height: var(--input-h);
- padding: 0 1ch;
- 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);
- border-color: var(--color-interface-400);
- color: var(--color-panel-bg);
- }
-
- &:not(.active):hover{
- cursor: pointer;
- background-color: var(--color-interface-100);
- }
- }
- // .tab {
- // &.active {
- // background-color: var(--color-txt);
- // color: #fff;
- // border: none;
- // }
- // }
-}
diff --git a/public/assets/css/src/_panel-tabs.scss b/public/assets/css/src/_panel-tabs.scss
new file mode 100644
index 0000000..bbe2a71
--- /dev/null
+++ b/public/assets/css/src/_panel-tabs.scss
@@ -0,0 +1,26 @@
+
+
+#editor-panel .tabs{
+ .tab{
+ color: var(--color-interface-600);
+ font-size: 1rem;
+ font-family: var(--sans-serif);
+ height: var(--input-h);
+ padding: 0 1ch;
+ 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);
+ border-color: var(--color-interface-400);
+ color: var(--color-panel-bg);
+ }
+
+ &:not(.active):hover{
+ cursor: pointer;
+ background-color: var(--color-interface-100);
+ }
+ }
+}
diff --git a/public/assets/css/src/_setting__section.scss b/public/assets/css/src/_setting__section.scss
index 4826f25..eeeb346 100644
--- a/public/assets/css/src/_setting__section.scss
+++ b/public/assets/css/src/_setting__section.scss
@@ -30,6 +30,35 @@
}
+.unit-toggle{
+ button:not(.spinner-btn) {
+ cursor: pointer;
+
+ border: 1px solid var(--color-interface-400);
+ color: var(--color-interface-400);
+ background-color: var(--color-panel-bg);
+ border-radius: var(--border-radius);
+ padding: 0.1rem 0.3rem;
+ height: calc(var(--input-h)*0.75);
+
+
+ &:not(.active):hover{
+ background-color: var(--color-interface-100);
+ }
+
+ &.active {
+ // border: 1px solid var(--color-interface-700);
+ color: var(--color-interface-050);
+ background-color: var(--color-interface-500);
+ cursor: auto;
+ }
+
+
+ }
+}
+
+
+
}
.setting-disabled .setting__body {
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 8c63b85..091e050 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -522,24 +522,6 @@ input[type=number] {
.number-input .spinner-buttons button:hover svg path {
fill: var(--color-interface-900);
}
-.unit-toggle button:not(.spinner-btn) {
- cursor: pointer;
- border: 1px solid var(--color-interface-400);
- color: var(--color-interface-400);
- background-color: var(--color-panel-bg);
- border-radius: var(--border-radius);
- padding: 0.1rem 0.3rem;
- height: calc(var(--input-h) * 0.75);
-}
-.unit-toggle button:not(.spinner-btn):not(.active):hover {
- background-color: var(--color-interface-100);
-}
-.unit-toggle button:not(.spinner-btn).active {
- color: var(--color-interface-050);
- background-color: var(--color-interface-500);
- cursor: auto;
-}
-
#editor-panel .tabs .tab {
color: var(--color-interface-600);
font-size: 1rem;
@@ -561,6 +543,80 @@ input[type=number] {
background-color: var(--color-interface-100);
}
+#actions-btn {
+ position: fixed;
+ bottom: 0.5rem;
+ left: 0rem;
+ padding: 2em;
+ width: calc(var(--panel-w) - 4em);
+ z-index: 1000;
+ --color-bg: var(--color-panel-bg);
+ --color-text: var(--color-interface-800);
+ display: flex;
+ align-items: center;
+ gap: 1em;
+}
+#actions-btn button {
+ color: var(--color-text);
+ font-family: var(--sans-serif);
+ height: calc(var(--input-h) * 1.25);
+ padding: 0 1ch;
+ border: 1px solid currentColor;
+ border-radius: 5px;
+ font-weight: 500;
+ background-color: var(--color-panel-bg);
+ display: flex;
+ align-items: center;
+ gap: 0.5ch;
+ margin-top: var(--space-xs);
+ cursor: pointer;
+}
+#actions-btn button .icon {
+ position: relative;
+ top: 2px;
+}
+#actions-btn button svg {
+ width: 20px;
+ height: 20px;
+ fill: var(--color-text);
+}
+#actions-btn button.has-changes {
+ outline-offset: 2px;
+ outline: 3px solid rgb(247, 98, 98);
+}
+#actions-btn .error-tooltip {
+ position: absolute;
+ top: 0em;
+ font-size: 10px;
+ max-width: 20ch;
+ color: rgb(247, 98, 98);
+}
+
+.last-saved {
+ position: absolute;
+ padding-top: 0.75em;
+ font-size: 10px;
+ max-width: 20ch;
+ color: var(--color-interface-400);
+}
+
+.spinner {
+ width: 1.5rem;
+ height: 1.5rem;
+ border-radius: 50%;
+ border-top: 2px solid white;
+ border-right: 2px solid transparent;
+ animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
.toggle-setting {
position: absolute;
opacity: 0;
@@ -762,6 +818,23 @@ input[type=number] {
grid-column: 2;
padding-top: 4px;
}
+.setting__section .unit-toggle button:not(.spinner-btn) {
+ cursor: pointer;
+ border: 1px solid var(--color-interface-400);
+ color: var(--color-interface-400);
+ background-color: var(--color-panel-bg);
+ border-radius: var(--border-radius);
+ padding: 0.1rem 0.3rem;
+ height: calc(var(--input-h) * 0.75);
+}
+.setting__section .unit-toggle button:not(.spinner-btn):not(.active):hover {
+ background-color: var(--color-interface-100);
+}
+.setting__section .unit-toggle button:not(.spinner-btn).active {
+ color: var(--color-interface-050);
+ background-color: var(--color-interface-500);
+ cursor: auto;
+}
.setting-disabled .setting__body {
opacity: 0.4;
diff --git a/public/assets/css/style.css.map b/public/assets/css/style.css.map
index 431b0f3..eafcd95 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/_panel-settings.scss","src/_forms.scss","src/_buttons.scss","src/_toggle-setting.scss","src/_settings-popup.scss","src/_setting__section.scss","src/_global.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/_panel-settings.scss","src/_forms.scss","src/_panel-tabs.scss","src/_actions-btn.scss","src/_toggle-setting.scss","src/_settings-popup.scss","src/_setting__section.scss","src/_global.scss"],"names":[],"mappings":"AACA;EACE,sBAAA;EACA,mFAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;ACAF;ADGA;EACE,sBAAA;EACA,0FAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;ACDF;ADKA;EACE,sBAAA;EACA,kEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACHF;ADMA;EACE,sBAAA;EACA,wEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACJF;ADOA;EACE,sBAAA;EACA,mEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACLF;ADQA;EACE,sBAAA;EACA,qEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACNF;ADSA;EACE,sBAAA;EACA,oEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACPF;ADUA;EACE,sBAAA;EACA,sEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACRF;ADWA;EACE,sBAAA;EACA,kEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACTF;ADYA;EACE,sBAAA;EACA,uEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACVF;ADaA;EACE,sBAAA;EACA,mEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACXF;ADeA;EACE,0BAAA;EACA,4EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACbF;ADgBA;EACE,0BAAA;EACA,kFAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACdF;ADiBA;EACE,0BAAA;EACA,6EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACfF;ADkBA;EACE,0BAAA;EACA,+EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;AChBF;ADmBA;EACE,0BAAA;EACA,8EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACjBF;ADoBA;EACE,0BAAA;EACA,gFAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;AClBF;ADqBA;EACE,0BAAA;EACA,4EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACnBF;ADsBA;EACE,0BAAA;EACA,iFAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACpBF;ADuBA;EACE,0BAAA;EACA,6EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACrBF;AC3IA;EAMI,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EAGA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;ADsIJ;;ACpFA;EACE,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;ADuFF;;ACnFA;EACE,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;ADsFF;;AE7LA;;EAEE,UAAA;EACA,SAAA;AFgMF;;AE7LA;;;;;;EAME,SAAA;AFgMF;;AE7LA;;EAEE,YAAA;EACA,aAAA;EAEA,mCAAA;AF+LF;;AE5LA;EACE,6BAAA;EACA,YAAA;AF+LF;;AE5LA;EACE,WAAA;AF+LF;;AG5NA;EAIE,8BAAA;EACA,8BAAA;EAEA,uCAAA;EACA,4CAAA;EAEA,+BAAA;EACA,uBAAA;EAEA,uBAAA;EAEA,kBAAA;EACA,eAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EAEA,uCAAA;EAEA,mCAAA;EACA,gCAAA;EAGA,eAAA;EACA,gBAAA;EACA,qBAAA;EACA,eAAA;EACA,eAAA;EAEA,gBAAA;EACA,mBAAA;AHmNF;;AIrPA;EACE,8BAAA;EACA,uBAAA;AJwPF;;AK1PA,yBAAA;AACA;EACE,QAAA;EACA,2BAAA;AL6PF;AK3PA;EACE,8BAAA;OAAA,kBAAA;AL6PF;;AK1PA;EACE;IACE,sBAAA;EL6PF;AACF;AK3PA;EACE,+BAAA;AL6PF;;AM5QA;EAEI,6BAAA;EAEA,kCAAA;EACA,mCAAA;EACA,uBAAA;AN6QJ;AM3QI;EACI,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,6BAAA;AN6QR;AM1QQ;EACI,kBAAA;EACA,QAAA;AN4QZ;AM1QY;EACI,WAAA;EACA,YAAA;EACA,sBAAA;AN4QhB;AMxQQ;EACI,iBAAA;EACA,uBAAA;AN0QZ;AMnQQ;EACI,uBAAA;ANqQZ;AMjQI;EACI,mBAAA;EACA,+BAAA;ANmQR;AM/PI;EACI,gBAAA;EACA,cAAA;ANiQR;AM/PQ;EACI,aAAA;ANiQZ;AM9PQ;EACI,cAAA;EACA,QAAA;EACA,aAAA;EACA,mBAAA;ANgQZ;AM9PY;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,oBAAA;ANgQhB;AM3PQ;EACI,aAAA;AN6PZ;;AOnUA;;;EAGE,sBAAA;EACA,4CAAA;EACA,4CAAA;EACA,8BAAA;EACA,uBAAA;EACA,eAAA;EACA,mBAAA;EACE,oBAAA;APsUJ;;AOnUA;EACG,oBAAA;APsUH;;AOnUA;EACE,YAAA;EACA,WAAA;APsUF;;AOnUA;EAEE,aAAA;EACA,mBAAA;EACA,UAAA;APqUF;AOnUE;EACE,YAAA;EACA,iBAAA;APqUJ;AOlUE;EACE,cAAA;EACA,YAAA;EACC,sCAAA;EACE,aAAA;EACD,mBAAA;APoUN;AOlUK;EACG,YAAA;EACC,aAAA;EACA,mBAAA;APoUT;AOhUK;EACK,qBAAA;EACA,yCAAA;APkUV;AO7TE;EACE,aAAA;EACA,mBAAA;EACA,WAAA;AP+TJ;;AOzTA;EACE,aAAA;EACA,mBAAA;EACA,UAAA;AP4TF;AO3TE;EACE,wCAAA;AP6TJ;;AOvTA,sEAAA;AACA;EACE,8DAAA;UAAA,sDAAA;EACA,0BAAA;EACA,YAAA;EACA,kBAAA;AP0TF;AOxTE;EACE,uBAAA;EACA,kBAAA;EACA,YAAA;EACA,OAAA;EACA,kBAAA;EACA,uBAAA;EACA,sCAAA;EACA,iCAAA;EACA,wBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,UAAA;EACA,kBAAA;EACA,qDACE;EAEF,WAAA;APwTJ;AOrTE;EACE,UAAA;EACA,mBAAA;APuTJ;;AOhTA;EACI,WAAA;APmTJ;AOlTI;EACE,WAAA;EACA,aAAA;EACA,oDAAA;EACA,aAAA;APoTN;AOnTM;EACE,cAAA;EACA,kBAAA;EACA,mCAAA;EACA,eAAA;EACA,oBAAA;APqTR;AOnTM;EACE,cAAA;APqTR;;AO7SA;EACE,wBAAA;EACA,qBAAA;OAAA,gBAAA;EACA,uBAAA;EACA,eAAA;APgTF;AO9SE;EACE,WAAA;EACA,qIAAA;EACA,YAAA;EACA,kBAAA;APgTJ;AO9SE;EACE,WAAA;EACA,qIAAA;EACA,YAAA;EACA,kBAAA;APgTJ;AO5SE;EACE,WAAA;EACA,sCAAA;EACA,YAAA;EACA,kBAAA;AP8SJ;AO1SE;EACE,wBAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,sCAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;AP4SJ;AO1SE;EACE,WAAA;EACA,YAAA;EACA,sCAAA;EACA,YAAA;EACA,kBAAA;AP4SJ;;AOrSA;;EAEE,wBAAA;EACA,gBAAA;EACA,SAAA;APwSF;;AOrSA;EACE,0BAAA;APwSF;;AOrSA;EACE,kBAAA;APwSF;AOvSE;EACE,cAAA;EACA,iBAAA;APySJ;AOvSE;EACE,sBAAA;EACA,qBAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,QAAA;EACA,MAAA;APySJ;AOvSI;EACE,kCAAA;EACA,eAAA;EACA,UAAA;APySN;AOxSM;EACE,WAAA;EACA,YAAA;AP0SR;AOxSM;EACE,gCAAA;AP0SR;AOvSQ;EACE,gCAAA;APySV;AQrgBE;EACE,iCAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,cAAA;EACA,8BAAA;EACA,mCAAA;EACA,gBAAA;EACA,uCAAA;ARugBJ;AQrgBI;EACE,4CAAA;EACA,wCAAA;EACA,4BAAA;ARugBN;AQpgBI;EACE,eAAA;EACA,4CAAA;ARsgBN;;AS5hBA;EAEA,eAAA;EACA,cAAA;EACA,UAAA;EACA,YAAA;EACA,iCAAA;EACE,aAAA;EACA,iCAAA;EACA,wCAAA;EAEA,aAAA;EACA,mBAAA;EAEA,QAAA;AT4hBF;ASzhBE;EACE,wBAAA;EAGA,8BAAA;EACA,mCAAA;EACA,cAAA;EACA,8BAAA;EACA,kBAAA;EACA,gBAAA;EACA,uCAAA;EAGA,aAAA;EACA,mBAAA;EAEA,UAAA;EACA,2BAAA;EACA,eAAA;ATshBJ;ASnhBI;EACE,kBAAA;EACA,QAAA;ATqhBN;ASnhBI;EACE,WAAA;EACA,YAAA;EACA,uBAAA;ATqhBN;ASlhBI;EACJ,mBAAA;EACM,mCAAA;ATohBN;AS/gBE;EACE,kBAAA;EACA,QAAA;EACA,eAAA;EACA,eAAA;EACA,uBAAA;ATihBJ;;ASxgBA;EACE,kBAAA;EACA,mBAAA;EACC,eAAA;EACC,eAAA;EACA,iCAAA;AT2gBJ;;AS9cA;EACE,aAAA;EACA,cAAA;EACA,kBAAA;EACA,2BAAA;EACA,mCAAA;EACA,sCAAA;ATidF;;AS9cA;EACE;IACE,uBAAA;ETidF;ES/cA;IACE,yBAAA;ETidF;AACF;AUvmBA;EACI,kBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;AVymBJ;;AUrmBA;EACE,kBAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,gCAAA;EACA,eAAA;AVwmBF;AUtmBE;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,+BAAA;AVwmBJ;;AUpmBA;EACE,+BAAA;AVumBF;AUrmBE;EACE,2BAAA;AVumBJ;;AWzoBA;EACE,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,yCAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;AX4oBF;;AWzoBA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,qBAAA;EACA,gCAAA;EACA,mBAAA;AX4oBF;;AWzoBA;EACE,aAAA;EACA,mBAAA;EACA,WAAA;AX4oBF;;AWzoBA;EACE,gBAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,UAAA;EACA,WAAA;AX4oBF;;AWzoBA;EACE,aAAA;EACA,OAAA;EACA,gBAAA;AX4oBF;;AWzoBA;EACE,OAAA;EACA,aAAA;EACA,gBAAA;EACA,uCAAA;AX4oBF;;AWzkBA;EACE,OAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,8BAAA;AX4kBF;;AWzkBA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,gCAAA;EACA,mBAAA;EACA,gBAAA;AX4kBF;;AWxkBA;EACE,aAAA;EACA,mBAAA;EACA,WAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;AX2kBF;AWzkBE;EACE,kBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;AX2kBJ;;AWvkBA;EACE,kBAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,gCAAA;AX0kBF;AWxkBE;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,+BAAA;AX0kBJ;;AWtkBA;EACE,mBAAA;AXykBF;AWvkBE;EACE,2BAAA;AXykBJ;;AWpkBA;EACE,OAAA;EACA,SAAA;EACA,gBAAA;EACA,mBAAA;EACA,cAAA;EACA,8CAAA;EACA,kBAAA;EACA,gBAAA;EACA,gBAAA;EACA,qBAAA;AXukBF;;AWnkBA;EACE,OAAA;EACA,WAAA;EACA,mBAAA;EACA,cAAA;EACA,YAAA;EACA,gBAAA;EACA,8CAAA;EACA,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;AXskBF;;AYtxBA;EACI,aAAA;EACA,+BAAA;EACE,yBAAA;AZyxBN;AYvxBM;EACJ,mDAAA;AZyxBF;AYtxBI;EACI,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,iBAAA;AZwxBR;AYrxBQ;EACI,iBAAA;AZuxBZ;AYnxBI;EACI,iBAAA;EACA,iCAAA;EACA,SAAA;EACA,cAAA;EACA,gBAAA;AZqxBR;AY/wBE;EACE,eAAA;EAEA,4CAAA;EACA,iCAAA;EACA,uCAAA;EACA,mCAAA;EACA,sBAAA;EACA,mCAAA;AZgxBJ;AY7wBI;EACE,4CAAA;AZ+wBN;AY5wBI;EAEE,iCAAA;EACA,4CAAA;EACA,YAAA;AZ6wBN;;AYlwBA;EACE,YAAA;EACA,oBAAA;AZqwBF;;AYhwBI;EACA,aAAA;EACA,oDAAA;EACA,oBAAA;OAAA,eAAA;EACA,8BAAA;AZmwBJ;AYjwBI;EACI,mBAAA;EACA,8BAAA;AZmwBR;;AY1vBI;;EACI,gBAAA;AZ8vBR;AY5vBI;;EACI,aAAA;EACA,WAAA;EACA,yCAAA;EACA,8BAAA;AZ+vBR;;AY1vBA;;EAEI,cAAA;AZ6vBJ;AY3vBI;;EACI,6BAAA;AZ8vBR;AY7vBQ;;EACI,YAAA;AZgwBZ;AY7vBQ;;EACQ,iCAAA;AZgwBhB;AY9vBQ;;EACQ,iCAAA;AZiwBhB;AY7vBI;;EACM,aAAA;EACN,oDAAA;EACA,6BAAA;EACA,+BAAA;AZgwBJ;AY7vBI;;EACI,aAAA;EACA,mBAAA;AZgwBR;AY/vBQ;;EACI,YAAA;EACA,mBAAA;AZkwBZ;;Aan4BA;EACE,8BAAA;EACA,YAAA;Abs4BF;;Aan4BA;EACE,oCAAA;Abs4BF","file":"style.css"}
\ No newline at end of file
diff --git a/public/assets/css/style.scss b/public/assets/css/style.scss
index 9bc0477..240aa4e 100644
--- a/public/assets/css/style.scss
+++ b/public/assets/css/style.scss
@@ -6,7 +6,8 @@
@use "src/_print-styles.scss" as *;
@use "src/_panel-settings.scss" as *;
@use "src/_forms.scss" as *;
-@use "src/_buttons.scss" as *;
+@use "src/_panel-tabs.scss" as *;
+@use "src/_actions-btn.scss" as *;
@use "src/_toggle-setting.scss" as *;
@use "src/_settings-popup.scss" as *;
@use "src/_setting__section.scss" as *;
diff --git a/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt b/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt
index 65468c9..84742c2 100644
--- a/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt
+++ b/public/content/cohesion-des-mondes/5_test-avec-geoformat/narrative.txt
@@ -18,7 +18,58 @@ Intro: Ah le Japon... Quel beau pays où nous trouvons des créatures en tout
----
-Customcss:
+Customcss:
+
+@page {
+ size: A5;
+ margin: 16mm 16mm 16mm 16mm;
+}
+
+body {
+ font-family: sans-serif;
+ color: rgb(0, 0, 0);
+}
+
+p {
+ font-size: 12px;
+ line-height: 18px;
+}
+
+h1 {
+ font-size: 38px;
+ line-height: 38px;
+ background: rgba(255, 255, 255, 0.521);
+ padding-top: 10px;
+ padding-right: 20px;
+ padding-bottom: 10px;
+ padding-left: 20px;
+ margin-top: 60px;
+ margin-bottom: 30px;
+ font-family: "Source Code Pro";
+ font-style: normal;
+ color: rgb(237, 13, 13);
+}
+
+em {
+ font-style: italic;
+}
+
+i {
+ font-style: italic;
+}
+
+strong {
+ font-weight: bold;
+}
+
+b {
+ font-weight: bold;
+}
+
+a {
+ color: #0000ee;
+ text-decoration-line: underline;
+}
----
diff --git a/src/App.vue b/src/App.vue
index fe1d9ce..1cddf87 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -133,7 +133,7 @@ onMounted(async () => {
-
+
@@ -168,50 +168,13 @@ onMounted(async () => {
opacity: 0;
}
-.print-btn {
- position: fixed;
- bottom: 2rem;
- left: 2rem;
- width: 3.5rem;
- height: 3.5rem;
- border-radius: 50%;
- border: none;
- background: var(--color-page-highlight);
- color: white;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
- transition:
- transform 0.2s ease,
- box-shadow 0.2s ease;
- z-index: 1000;
-}
-
-.print-btn:hover {
- transform: scale(1.1);
- box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
-}
-
-.print-btn svg {
- width: 1.5rem;
- height: 1.5rem;
-}
-
-/* Coloris button - ensure it's clickable and visible */
-:deep(.clr-field button) {
- pointer-events: auto !important;
- cursor: pointer !important;
- position: relative;
- z-index: 1;
-}
/* Hide UI elements when printing */
@media print {
#editor-panel,
#element-popup,
#page-popup,
+ #actions-btn,
.preview-loader,
.print-btn {
display: none !important;
diff --git a/src/components/PrintButton.vue b/src/components/PrintButton.vue
index 504c024..c59f872 100644
--- a/src/components/PrintButton.vue
+++ b/src/components/PrintButton.vue
@@ -4,7 +4,8 @@
@click="printPreview"
:title="`Imprimer (${isMac ? '⌘' : 'Ctrl'}+P)`"
>
-
+
+
Imprimer
+
diff --git a/src/components/SaveButton.vue b/src/components/SaveButton.vue
index be546a2..061d083 100644
--- a/src/components/SaveButton.vue
+++ b/src/components/SaveButton.vue
@@ -12,10 +12,15 @@
@click="handleSave"
:title="getTooltip()"
>
-
-