mn-angular-lib 1.0.136 → 1.0.138

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,9 +1,15 @@
1
1
  {
2
2
  "name": "mn-angular-lib",
3
- "version": "1.0.136",
3
+ "version": "1.0.138",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.1.3",
6
- "@angular/core": "^21.1.3"
6
+ "@angular/core": "^21.1.3",
7
+ "quill": "^2.0.3"
8
+ },
9
+ "peerDependenciesMeta": {
10
+ "quill": {
11
+ "optional": true
12
+ }
7
13
  },
8
14
  "repository": {
9
15
  "type": "git",
@@ -0,0 +1,36 @@
1
+ /*
2
+ Hover labels for the toolbar controls.
3
+
4
+ Quill builds its toolbar at runtime, so those buttons never carry Angular's
5
+ scoping attribute — the component runs with `ViewEncapsulation.None` and every
6
+ rule here is scoped by `.mn-rich-text-editor` instead. Written as CSS rather
7
+ than utilities because the label text comes from `content: attr(data-tip)`,
8
+ which has no utility equivalent.
9
+ */
10
+ .mn-rich-text-editor .mn-rte-tooltip {
11
+ position: relative;
12
+ }
13
+
14
+ .mn-rich-text-editor .mn-rte-tooltip[data-tip]::after {
15
+ content: attr(data-tip);
16
+ position: absolute;
17
+ bottom: 100%;
18
+ left: 50%;
19
+ translate: -50% -0.375rem;
20
+ padding: 0.25rem 0.5rem;
21
+ border-radius: 0.375rem;
22
+ background-color: var(--color-secondary);
23
+ color: var(--color-secondary-content);
24
+ font-size: 0.75rem;
25
+ line-height: 1rem;
26
+ white-space: nowrap;
27
+ pointer-events: none;
28
+ opacity: 0;
29
+ transition: opacity 0.15s;
30
+ z-index: 50;
31
+ }
32
+
33
+ .mn-rich-text-editor .mn-rte-tooltip[data-tip]:hover::after,
34
+ .mn-rich-text-editor .mn-rte-tooltip[data-tip]:focus-visible::after {
35
+ opacity: 1;
36
+ }
@@ -2,5 +2,6 @@
2
2
  @import './styles.css';
3
3
  /* Feature styles */
4
4
  @import '../features/mn-alert/mn-alert-outlet/mn-alert-outlet.css';
5
+ @import '../features/mn-rich-text-editor/mn-rich-text-editor.component.css';
5
6
  @import "tailwindcss";
6
7