@flogeez/angular-tiptap-editor 2.0.2 → 2.1.0

package/src/lib/styles/bubble-menu.global.css

@@ -1,52 +1,52 @@
-/* Styles globaux pour les menus contextuels Tiptap */
-.tippy-box {
-  /* Par défaut Tippy limite à 350px */
-  max-width: none !important;
-  background: transparent !important;
-  box-shadow: none !important;
-}
-
-.tippy-content {
-  /* Le container interne ne doit pas rajouter de padding, on gère dans .bubble-menu */
-  padding: 0;
-}
-
-.tippy-box .bubble-menu {
-  display: flex !important;
-  align-items: center;
-  gap: 6px;
-  background: var(--ate-menu-bg, rgb(255, 255, 255)) !important;
-  border: 1px solid var(--ate-menu-border, rgba(0, 0, 0, 0.1));
-  border-radius: var(--ate-menu-border-radius, 16px);
-  padding: var(--ate-menu-padding, 6px);
-  box-shadow: var(--ate-menu-shadow, 0 8px 32px rgba(0, 0, 0, 0.12));
-  z-index: 1000;
-  animation: slideUp 0.18s cubic-bezier(0, 0, 0.2, 1);
-  white-space: nowrap;
-}
-
-/* Cache le menu intelligemment si la source (le slash) est scrollée hors vue */
-.tippy-box[data-reference-hidden] {
-  opacity: 0 !important;
-  transition: opacity 0.18s cubic-bezier(0, 0, 0.2, 1);
-  pointer-events: none !important;
-}
-
-.bubble-menu .tiptap-separator {
-  width: 1px;
-  height: 28px;
-  background: color-mix(in srgb, var(--ate-menu-border), transparent 50%);
-  margin: 0 4px;
-}
-
-@keyframes slideUp {
-  from {
-    opacity: 0;
-    transform: translateY(6px) scale(0.98);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-
+/* Styles globaux pour les menus contextuels Tiptap */
+.tippy-box {
+  /* Par défaut Tippy limite à 350px */
+  max-width: none !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+.tippy-content {
+  /* Le container interne ne doit pas rajouter de padding, on gère dans .bubble-menu */
+  padding: 0;
+}
+
+.tippy-box .bubble-menu {
+  display: flex !important;
+  align-items: center;
+  gap: 6px;
+  background: var(--ate-menu-bg, rgb(255, 255, 255)) !important;
+  border: 1px solid var(--ate-menu-border, rgba(0, 0, 0, 0.1));
+  border-radius: var(--ate-menu-border-radius, 12px);
+  padding: var(--ate-menu-padding, 6px);
+  box-shadow: var(--ate-menu-shadow, 0 8px 32px rgba(0, 0, 0, 0.12));
+  z-index: 1000;
+  animation: slideUp 0.18s cubic-bezier(0, 0, 0.2, 1);
+  white-space: nowrap;
+}
+
+/* Cache le menu intelligemment si la source (le slash) est scrollée hors vue */
+.tippy-box[data-reference-hidden] {
+  opacity: 0 !important;
+  transition: opacity 0.18s cubic-bezier(0, 0, 0.2, 1);
+  pointer-events: none !important;
+}
+
+.bubble-menu .tiptap-separator {
+  width: 1px;
+  height: 28px;
+  background: color-mix(in srgb, var(--ate-menu-border), transparent 50%);
+  margin: 0 4px;
+}
+
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(6px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+

package/src/lib/styles/index.css

@@ -1,40 +1,40 @@
-@import "./bubble-menu.global.css";
-@import "./material-symbols.css";
-
-/* Styles pour les liens */
-.tiptap-link {
-  color: var(--ate-primary, #1d4ed8);
-  text-decoration: underline;
-  cursor: pointer;
-  transition: color 0.2s ease;
-}
-
-.tiptap-link:hover {
-  color: var(--ate-primary-light-alpha, #1d4ed8);
-  text-decoration: underline;
-}
-
-/* Styles pour la surbrillance */
-.tiptap-highlight {
-  background-color: var(--ate-highlight-bg, #fef08a);
-  padding: 0.1em 0.2em;
-  border-radius: 2px;
-  color: var(--ate-highlight-color, #854d0e);
-}
-
-/* Styles pour les alignements de texte - Tiptap utilise des classes */
-.ProseMirror .has-text-align-left {
-  text-align: left;
-}
-
-.ProseMirror .has-text-align-center {
-  text-align: center;
-}
-
-.ProseMirror .has-text-align-right {
-  text-align: right;
-}
-
-.ProseMirror .has-text-align-justify {
-  text-align: justify;
-}
+@import "./bubble-menu.global.css";
+@import "./material-symbols.css";
+
+/* Styles pour les liens */
+.tiptap-link {
+  color: var(--ate-primary, #1d4ed8);
+  text-decoration: underline;
+  cursor: pointer;
+  transition: color 0.2s ease;
+}
+
+.tiptap-link:hover {
+  color: var(--ate-primary-light-alpha, #1d4ed8);
+  text-decoration: underline;
+}
+
+/* Styles pour la surbrillance */
+.tiptap-highlight {
+  background-color: var(--ate-highlight-bg, #fef08a);
+  padding: 0.1em 0.2em;
+  border-radius: 2px;
+  color: var(--ate-highlight-color, #854d0e);
+}
+
+/* Styles pour les alignements de texte - Tiptap utilise des classes */
+.ProseMirror .has-text-align-left {
+  text-align: left;
+}
+
+.ProseMirror .has-text-align-center {
+  text-align: center;
+}
+
+.ProseMirror .has-text-align-right {
+  text-align: right;
+}
+
+.ProseMirror .has-text-align-justify {
+  text-align: justify;
+}

package/src/lib/styles/material-symbols.css

@@ -1,17 +1,17 @@
-.material-symbols-outlined {
-  font-family: "Material Symbols Outlined";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  font-feature-settings: "liga";
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-}
+.material-symbols-outlined {
+  font-family: "Material Symbols Outlined";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  font-feature-settings: "liga";
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
+}