@edvak99/voice-receptionist-widget 1.1.27 → 1.1.29

package/src/assets/css/task-description-tiptap-global.scss

@@ -1,84 +1,84 @@
-/**
- * Create-task description TipTap editor internals.
- * Scoped under `app-task-description-tiptap-field` so styles never leak to other TipTap instances.
- */
-app-task-description-tiptap-field {
-  display: block;
-
-  .task-description-tiptap {
-    &.is-invalid {
-      border-color: var(--color-danger-500, #dc2626);
-    }
-
-    &__editor .ProseMirror {
-      min-height: 96px;
-      padding: 10px 12px;
-      outline: none;
-      font-size: var(--font-size-base, 13px);
-      line-height: 1.5;
-      color: var(--sl-input-color, #374151);
-    }
-
-    &__editor .ProseMirror:focus {
-      outline: none;
-    }
-
-    &__editor .ProseMirror p {
-      margin: 0 0 0.5em;
-    }
-
-    &__editor .ProseMirror p:last-child {
-      margin-bottom: 0;
-    }
-
-    &__editor .ProseMirror h1,
-    &__editor .ProseMirror h2,
-    &__editor .ProseMirror h3 {
-      margin: 0 0 0.5em;
-      font-weight: 600;
-      line-height: 1.25;
-    }
-
-    &__editor .ProseMirror h1 { font-size: 1.5rem; }
-    &__editor .ProseMirror h2 { font-size: 1.25rem; }
-    &__editor .ProseMirror h3 { font-size: 1.1rem; }
-
-    /* Tailwind preflight strips list markers — re-enable for the editor content. */
-    &__editor .ProseMirror ul,
-    &__editor .ProseMirror ol {
-      margin: 0 0 0.5em;
-      padding-left: 1.5em;
-    }
-
-    &__editor .ProseMirror ul { list-style: disc outside; }
-    &__editor .ProseMirror ol { list-style: decimal outside; }
-
-    &__editor .ProseMirror li { margin: 0.125em 0; }
-
-    &__editor .ProseMirror li > p { margin: 0; }
-
-    /* Quill-like: links are not click targets in the editor — caret placement only (openOnClick is false too). */
-    &__editor .ProseMirror a {
-      color: var(--sl-color-primary-600, #005cf3);
-      text-decoration: underline;
-      pointer-events: none;
-      cursor: text;
-    }
-
-    &__editor .ProseMirror p.is-editor-empty:first-child::before {
-      content: attr(data-placeholder);
-      float: left;
-      height: 0;
-      color: #9ca3af;
-      pointer-events: none;
-    }
-
-    // Hide the placeholder as soon as the editor gets focus — once the user
-    // clicks in, the "Add a description…" hint should disappear so they can
-    // start typing into a clean, empty editor. Tiptap only removes the
-    // placeholder after the first keystroke by default; this trims that gap.
-    &__editor:focus-within .ProseMirror p.is-editor-empty:first-child::before {
-      content: none;
-    }
-  }
-}
+/**
+ * Create-task description TipTap editor internals.
+ * Scoped under `app-task-description-tiptap-field` so styles never leak to other TipTap instances.
+ */
+app-task-description-tiptap-field {
+  display: block;
+
+  .task-description-tiptap {
+    &.is-invalid {
+      border-color: var(--color-danger-500, #dc2626);
+    }
+
+    &__editor .ProseMirror {
+      min-height: 96px;
+      padding: 10px 12px;
+      outline: none;
+      font-size: var(--font-size-base, 13px);
+      line-height: 1.5;
+      color: var(--sl-input-color, #374151);
+    }
+
+    &__editor .ProseMirror:focus {
+      outline: none;
+    }
+
+    &__editor .ProseMirror p {
+      margin: 0 0 0.5em;
+    }
+
+    &__editor .ProseMirror p:last-child {
+      margin-bottom: 0;
+    }
+
+    &__editor .ProseMirror h1,
+    &__editor .ProseMirror h2,
+    &__editor .ProseMirror h3 {
+      margin: 0 0 0.5em;
+      font-weight: 600;
+      line-height: 1.25;
+    }
+
+    &__editor .ProseMirror h1 { font-size: 1.5rem; }
+    &__editor .ProseMirror h2 { font-size: 1.25rem; }
+    &__editor .ProseMirror h3 { font-size: 1.1rem; }
+
+    /* Tailwind preflight strips list markers — re-enable for the editor content. */
+    &__editor .ProseMirror ul,
+    &__editor .ProseMirror ol {
+      margin: 0 0 0.5em;
+      padding-left: 1.5em;
+    }
+
+    &__editor .ProseMirror ul { list-style: disc outside; }
+    &__editor .ProseMirror ol { list-style: decimal outside; }
+
+    &__editor .ProseMirror li { margin: 0.125em 0; }
+
+    &__editor .ProseMirror li > p { margin: 0; }
+
+    /* Quill-like: links are not click targets in the editor — caret placement only (openOnClick is false too). */
+    &__editor .ProseMirror a {
+      color: var(--sl-color-primary-600, #005cf3);
+      text-decoration: underline;
+      pointer-events: none;
+      cursor: text;
+    }
+
+    &__editor .ProseMirror p.is-editor-empty:first-child::before {
+      content: attr(data-placeholder);
+      float: left;
+      height: 0;
+      color: #9ca3af;
+      pointer-events: none;
+    }
+
+    // Hide the placeholder as soon as the editor gets focus — once the user
+    // clicks in, the "Add a description…" hint should disappear so they can
+    // start typing into a clean, empty editor. Tiptap only removes the
+    // placeholder after the first keystroke by default; this trims that gap.
+    &__editor:focus-within .ProseMirror p.is-editor-empty:first-child::before {
+      content: none;
+    }
+  }
+}