@fiduswriter/editor 0.1.51 → 0.1.53

package/css/access_rights_dialog.css

@@ -0,0 +1,75 @@
+#access-rights-dialog .fw-green-title {
+    margin-bottom: 25px;
+}
+
+#access-rights-dialog .edit-right {
+    cursor: pointer;
+}
+
+/* People tab: keep existing side-by-side layout */
+#access-rights-dialog #people {
+    display: flex;
+    align-items: flex-start;
+}
+
+/* Share-link tab */
+#access-rights-dialog #sharelink {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+#access-rights-dialog .share-token-row {
+    border: 1px solid #dddddd;
+    border-radius: 4px;
+    padding: 8px 10px;
+    margin-bottom: 6px;
+    background: #fafafa;
+}
+
+#access-rights-dialog .share-token-meta {
+    margin-bottom: 5px;
+    font-size: 0.9em;
+}
+
+#access-rights-dialog .share-token-url-row {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+#access-rights-dialog .share-token-url-input {
+    flex: 1;
+    font-size: 0.82em;
+    padding: 3px 6px;
+    border: 1px solid #cccccc;
+    border-radius: 3px;
+    background: #ffffff;
+    color: #444444;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#access-rights-dialog .fw-ar-loading,
+#access-rights-dialog .fw-ar-error,
+#access-rights-dialog .fw-ar-no-tokens {
+    color: #888888;
+    font-style: italic;
+    margin: 8px 0;
+}
+
+#access-rights-dialog .fw-ar-error {
+    color: #c0392b;
+}
+
+/* Allow overflow in create share token dialog so focus outlines aren't clipped */
+#create-share-token-dialog.fw-dialog {
+    overflow: visible;
+}
+
+#create-share-token-dialog .fw-button:focus,
+#create-share-token-dialog .fw-button:active {
+    outline: 5px solid var(--cs-6-background-focus);
+    outline-offset: 2px;
+}

package/css/carets.css

@@ -0,0 +1,17 @@
+div.caret {
+    display: inline;
+    border-style: solid;
+    border-width: 1px;
+    margin: 0 -1px;
+    position: relative;
+}
+
+div.caret-head {
+    position: absolute;
+    top: -2px;
+    left: -3px;
+    width: 2px;
+    height: 2px;
+    border-width: 2px;
+    border-style: solid;
+}

package/css/chat.css

@@ -0,0 +1,70 @@
+/* For profile list */
+
+.avatar {
+    border-bottom-width: 4px;
+    border-bottom-style: solid;
+}
+
+#chat {
+    position: fixed;
+    bottom: 0;
+    right: 5px;
+    background-color: var(--cs-white-background);
+    width: 250px;
+    padding: 10px;
+    border: 1px solid var(--cs-white-border);
+    border-bottom: 0;
+    display: none;
+    z-index: 100;
+    transition: top 2s ease;
+}
+
+#chat.highlighted {
+    background-color: var(--chat-highlight-background-color);
+}
+
+#chat .resize-button {
+    text-align: right;
+    cursor: pointer;
+    display: block;
+}
+
+#chat-container {
+    max-height: 300px;
+    overflow-y: auto;
+}
+
+#chat-container .fw-message {
+    padding-top: 5px;
+}
+
+#chat-container .fw-message:last-child {
+    border-bottom: 1px solid var(--cs-white-border);
+    margin-bottom: 6px;
+    padding-bottom: 6px;
+}
+
+#connected-collaborators {
+    position: fixed;
+    right: 85px;
+    top: 16px;
+}
+
+#connected-collaborators .fw-string-avatar,
+#connected-collaborators img {
+    box-sizing: border-box;
+    width: 35px;
+    height: 35px;
+    margin-left: -10px;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+#connected-collaborators .fw-string-avatar:first-child,
+#connected-collaborators img:first-child {
+    margin-left: 0;
+}
+
+#messageform.empty::before {
+    color: var(--cs-white-placeholder-text);
+}

package/css/citation_dialog.css

@@ -0,0 +1,71 @@
+#configure-citation .fw-ar-container {
+    width: 430px;
+}
+
+#cited-items h3,
+#my-sources h3 {
+    margin-bottom: 15px;
+}
+
+#cited-items {
+    overflow-y: auto;
+}
+
+/* stylelint-disable selector-id-pattern */
+#cite-source-table_filter {
+    text-align: left;
+}
+
+#cite-source-table_filter input[type="text"] {
+    width: 332px;
+    height: 33px;
+}
+/* stylelint-enable selector-id-pattern */
+
+#selected-cite-source-table .fw-data-table-title > span {
+    width: 80px;
+}
+
+#cite-source-table .fw-data-table-title > span {
+    width: 128px;
+}
+
+#configure-citation .datatable-container tbody tr {
+    cursor: pointer;
+}
+
+#configure-citation .datatable-container tbody tr:nth-child(2n + 1) {
+    background-color: var(--table-row-background-color);
+}
+
+.fw-cite-parts-table td {
+    border: none;
+    padding: 0;
+}
+
+.fw-cite-parts-table .cite-extra-fields {
+    padding-bottom: 5px;
+}
+
+.cite-extra-fields > div {
+    margin-top: 10px;
+}
+
+.cite-extra-fields label {
+    display: inline-block;
+    width: 40px;
+    vertical-align: middle;
+}
+
+.cite-extra-fields input {
+    width: 230px;
+    border-radius: 4px;
+}
+
+.selected-source:first-child .order-up {
+    display: none;
+}
+
+.selected-source:last-child .order-down {
+    display: none;
+}

package/css/colors.css

@@ -0,0 +1,97 @@
+/*
+ * Editor-specific custom properties — load after fwtoolkit/css/colors.css
+ * and @fiduswriter/frontend/css/colors.css.
+ * Does NOT duplicate fwtoolkit's base; only adds editor-related variables.
+ */
+
+:root {
+    /* -----------------------------------------------------------------
+     * Chat
+     * ----------------------------------------------------------------- */
+    --chat-highlight-background-color: #6495ed;
+
+    /* -----------------------------------------------------------------
+     * Input error state
+     * ----------------------------------------------------------------- */
+    --input-error-background-color: #f34141;
+
+    /* -----------------------------------------------------------------
+     * Track changes
+     * ----------------------------------------------------------------- */
+    --editor-track-background-color: 45 82 144 / 0.63;
+    --editor-track-active-background-color: #788fb4;
+    --editor-track-text-color: #ffffff;
+
+    /* -----------------------------------------------------------------
+     * Review
+     * ----------------------------------------------------------------- */
+    --editor-reviewed: #81f781;
+    --editor-text-content-item-background-color: #d3d3d3;
+    --editor-text-content-item-hover-background-color: #808080;
+    --editor-navigator-background-color: 0 0 0 / 0.8;
+    --editor-navigator-color: #ffffff;
+    --editor-navigator-scrollbar-background-color: #181818;
+    --editor-navigator-scrollbar-background-color-hover: #0f0f0f;
+    --editor-navigator-checkbox-color: #444444;
+    --editor-navigator-focus-color: #dddddd;
+
+    /* -----------------------------------------------------------------
+     * Comments
+     * ----------------------------------------------------------------- */
+    --editor-active-comment-background-color: #fffacf;
+    --editor-active-help-background-color: #fafafa;
+    --editor-active-help-arrow-color: #fafafa;
+    --editor-active-track-background-color: #afbed4;
+    --editor-major-comment-background-color: #f4c9d9;
+    --editor-resolved-comment-icon-color: #3c3c3c;
+    --editor-major-comment-icon-color: #af3515;
+    --editor-comment-resolved-opacity: 0.7;
+    --editor-comment-resolved-text-color: #ffffff;
+    --editor-comment-resolved-border-color: #ffffff;
+
+    /* -----------------------------------------------------------------
+     * E2EE — strength meter, badges, banners, info/warning panels
+     * ----------------------------------------------------------------- */
+
+    /* Strength meter */
+    --e2ee-strength-very-weak-color: var(--error-border-color, #af3515);
+    --e2ee-strength-weak-color: var(--cs-3-background-from, #d3421c);
+    --e2ee-strength-fair-color: var(
+        --warning-background-color,
+        rgb(221 208 63 / 80%)
+    );
+    --e2ee-strength-strong-color: var(--cs-6-background, #5a7e73);
+    --e2ee-strength-very-strong-color: var(--cs-5-background, #4c6860);
+
+    /* Badge / indicator */
+    --e2ee-badge-text-color: var(--cs-4-text, #4c6860);
+    --e2ee-badge-icon-color: var(--cs-6-background, #5a7e73);
+    --e2ee-badge-encrypted-background-color: var(
+        --cs-6-background-hover,
+        #96c6b8
+    );
+    --e2ee-badge-encrypted-text-color: var(--cs-6-background, #5a7e73);
+
+    /* Warning (share link) */
+    --e2ee-warning-background-color: var(--cs-light-background, #f9f9f9);
+    --e2ee-warning-border-color: var(--cs-3-background-from, #d3421c);
+    --e2ee-warning-text-color: var(--cs-3-background-to, #b13615);
+
+    /* Info (password reminder) */
+    --e2ee-info-background-color: var(--cs-light-background, #f9f9f9);
+    --e2ee-info-border-color: var(--cs-2-box-shadow, #3c9fdf);
+    --e2ee-info-text-color: var(--cs-2-background, #0d78be);
+
+    /* Mode banner */
+    --e2ee-banner-background-color: var(--cs-6-background-hover, #96c6b8);
+    --e2ee-banner-border-color: var(--cs-6-border, #7d948e);
+    --e2ee-banner-text-color: var(--cs-6-background, #5a7e73);
+    --e2ee-banner-link-color: var(--cs-2-background, #0d78be);
+
+    /* Encrypted placeholder */
+    --e2ee-encrypted-title-color: var(--cs-light-text-secondary, #6e6e6e);
+
+    /* Input focus */
+    --e2ee-input-focus-border-color: var(--cs-2-background, #0d78be);
+    --e2ee-input-focus-shadow-color: var(--cs-2-box-shadow, #3c9fdf);
+}

package/css/contributors.css

@@ -0,0 +1,13 @@
+.contributor {
+    margin-right: 5px;
+    margin-bottom: 5px;
+    padding: 0 12px;
+    height: 34px;
+    display: inline-block;
+    border-radius: 3px;
+    line-height: 34px;
+    cursor: pointer;
+    color: var(--cs-6-text);
+    background: var(--cs-6-background);
+    border: 1px solid var(--cs-6-border);
+}

package/css/document.css

@@ -0,0 +1,286 @@
+#document-editable,
+#footnote-box-container {
+    counter-reset: cat-figure cat-equation cat-photo cat-table footnote-counter
+        footnote-marker-counter;
+}
+
+sup {
+    vertical-align: super;
+    font-size: smaller;
+}
+
+sub {
+    vertical-align: sub;
+    font-size: smaller;
+}
+
+code {
+    font-family: monospace;
+    background-color: #f0f0f0;
+    padding: 2px 4px;
+    border-radius: 3px;
+}
+
+/* CSL */
+
+.csl-bib-body {
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+}
+
+.csl-left-margin {
+    padding-right: 1ch;
+    clear: left;
+    float: left;
+    white-space: pre;
+}
+
+.csl-entry i,
+.citation i {
+    font-style: italic;
+}
+
+.csl-entry b,
+.citation b {
+    font-weight: bold;
+}
+
+.csl-entry sup,
+.citation sup {
+    vertical-align: super;
+    font-size: smaller;
+}
+
+.csl-entry sub,
+.citation sub {
+    vertical-align: sub;
+    font-size: smaller;
+}
+
+.csl-indent {
+    padding-left: 0.5in;
+}
+
+.csl-entry {
+    clear: left;
+}
+
+.csl-right-inline {
+    padding-left: 20px;
+}
+
+span.anchor {
+    text-decoration: underline;
+    color: var(--cs-4-text);
+}
+
+figure figcaption {
+    margin-top: 10px;
+    font-size: 0.9em;
+}
+
+figure img {
+    max-width: 100%;
+}
+
+figure {
+    width: calc(80% - 12px);
+    border: 1px solid black;
+    padding: 5px;
+    text-align: center;
+    break-inside: avoid;
+    cursor: pointer;
+    margin: 10%;
+    clear: none;
+}
+
+.aligned-right {
+    float: right;
+}
+
+.aligned-left {
+    float: left;
+}
+
+.aligned-center {
+    float: none;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    align-content: center;
+}
+
+.image-width-100 {
+    width: 80%;
+    box-sizing: border-box;
+}
+
+.image-width-75 {
+    width: 55%;
+    box-sizing: border-box;
+}
+
+.image-width-50 {
+    width: 40%;
+    box-sizing: border-box;
+}
+
+.image-width-25 {
+    width: 21%;
+    box-sizing: border-box;
+}
+
+figure[data-category="figure"] figcaption span.label::after {
+    counter-increment: cat-figure;
+    content: " " counter(cat-figure);
+}
+
+figure[data-category="equation"] figcaption span.label::after {
+    counter-increment: cat-equation;
+    content: " " counter(cat-equation);
+}
+
+figure[data-category="photo"] figcaption span.label::after {
+    counter-increment: cat-photo;
+    content: " " counter(cat-photo);
+}
+
+figure[data-category="table"] figcaption span.label::after,
+table[data-category="table"] caption span.label::after {
+    counter-increment: cat-table;
+    content: " " counter(cat-table);
+}
+
+#footnote-box-container
+    figure[data-category="figure"]
+    figcaption
+    span.label::after {
+    content: " " counter(cat-figure) "A";
+}
+
+#footnote-box-container
+    figure[data-category="photo"]
+    figcaption
+    span.label::after {
+    content: " " counter(cat-photo) "A";
+}
+
+#footnote-box-container
+    figure[data-category="table"]
+    figcaption
+    span.label::after,
+#footnote-box-container table[data-category="table"] caption span.label::after {
+    content: " " counter(cat-table) "A";
+}
+
+figure[data-category="table"] figcaption span.text::before,
+figure[data-category="photo"] figcaption span.text::before,
+figure[data-category="figure"] figcaption span.text::before,
+table[data-category="table"] caption span.text::before {
+    content: ": ";
+}
+
+table {
+    clear: both;
+}
+
+.table-25 {
+    width: 25%;
+}
+
+.table-50 {
+    width: 50%;
+}
+
+.table-75 {
+    width: 75%;
+}
+
+.table-100 {
+    width: 100%;
+}
+
+.table-center {
+    margin-left: auto !important;
+    margin-right: auto !important;
+    clear: both;
+}
+
+.table-left {
+    float: left;
+}
+
+.table-right {
+    float: right;
+}
+
+.user-contents a {
+    text-decoration: underline;
+}
+
+.doc table[data-layout="fixed"] {
+    table-layout: fixed !important;
+}
+
+.doc table[data-layout="auto"] {
+    table-layout: auto !important;
+}
+
+.doc-title {
+    font-size: 48px;
+}
+
+.doc .table-of-contents h1,
+.doc .table-of-contents h2,
+.doc .table-of-contents h3,
+.doc .table-of-contents h4,
+.doc .table-of-contents h5,
+.doc .table-of-contents h6 {
+    font-size: 1em;
+    font-weight: normal;
+    margin-bottom: unset;
+}
+
+.doc .table-of-contents h2 {
+    padding-left: 1em;
+}
+
+.doc .table-of-contents h3 {
+    padding-left: 2em;
+}
+
+.doc .table-of-contents h4 {
+    padding-left: 3em;
+}
+
+.doc .table-of-contents h5 {
+    padding-left: 4em;
+}
+
+.doc .table-of-contents h6 {
+    padding-left: 5em;
+}
+
+.doc .table-of-contents h1.toc {
+    font-style: italic;
+}
+
+.underline {
+    text-decoration: underline;
+}
+
+/* Ensure inline code marks stay inline even with higher specificity selectors */
+
+/* Cover all block-level elements that can contain inline content */
+
+.user-contents p code,
+.user-contents h1 code,
+.user-contents h2 code,
+.user-contents h3 code,
+.user-contents h4 code,
+.user-contents h5 code,
+.user-contents h6 code,
+.user-contents figcaption code,
+.user-contents caption code {
+    display: inline;
+}

package/css/dot_menu.css

@@ -0,0 +1,42 @@
+.content-container {
+    position: relative;
+    z-index: 5;
+}
+
+.fw-content-menu-btn {
+    background-color: transparent;
+    background-repeat: no-repeat;
+    border: 1px;
+    cursor: pointer;
+    overflow: hidden;
+    outline: none;
+    position: absolute;
+    right: -15px;
+    top: 0;
+}
+
+table .fw-content-menu-btn {
+    right: -7px;
+}
+
+.figure-menu-btn {
+    background-color: transparent;
+    background-repeat: no-repeat;
+    border: 1px;
+    cursor: pointer;
+    overflow: hidden;
+    outline: none;
+    right: -22px;
+    top: -7px;
+    float: right;
+    position: relative;
+}
+
+.dot-menu-icon {
+    font-size: 18px;
+    color: var(--cs-white-text-secondary);
+}
+
+.dot-menu-icon:hover {
+    color: var(--cs-white-text);
+}