@capillarytech/creatives-library 8.0.242-alpha.8 → 8.0.242-alpha.9
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
|
@@ -510,7 +510,7 @@ const HTMLEditor = ({
|
|
|
510
510
|
width="90vw"
|
|
511
511
|
className="html-editor-fullscreen-modal"
|
|
512
512
|
>
|
|
513
|
-
<CapRow className={`html-editor-fullscreen ${isLibraryMode ? 'html-editor-fullscreen--library-mode' : ''}`}>
|
|
513
|
+
<CapRow className={`html-editor-fullscreen html-editor-fullscreen--${variant} ${isLibraryMode ? 'html-editor-fullscreen--library-mode' : ''}`}>
|
|
514
514
|
{/* Editor Toolbar - Conditional based on variant */}
|
|
515
515
|
{variant === HTML_EDITOR_VARIANTS.EMAIL ? (
|
|
516
516
|
<EditorToolbar
|
|
@@ -9,30 +9,42 @@
|
|
|
9
9
|
|
|
10
10
|
// Fullscreen modal header styling - using proper CSS specificity instead of !important
|
|
11
11
|
.html-editor-fullscreen {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
// INAPP variant only: Fullscreen header styling
|
|
13
|
+
&--inapp {
|
|
14
|
+
.html-editor__header--fullscreen {
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
background-color: $CAP_G10;
|
|
18
|
+
border-bottom: 0.0625rem solid $CAP_G08;
|
|
19
|
+
padding-right: 1rem;
|
|
18
20
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
// Device toggle takes available space
|
|
22
|
+
.device-toggle {
|
|
23
|
+
flex: 1;
|
|
24
|
+
}
|
|
23
25
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
// Toolbar styling in fullscreen mode - INAPP variant only
|
|
27
|
+
.editor-toolbar {
|
|
28
|
+
background-color: transparent;
|
|
29
|
+
border-bottom: none;
|
|
30
|
+
padding: 0;
|
|
31
|
+
min-height: 3.25rem;
|
|
32
|
+
height: 3.25rem;
|
|
33
|
+
position: relative;
|
|
34
|
+
|
|
35
|
+
// Right-align toolbar actions
|
|
36
|
+
&__right {
|
|
37
|
+
margin-left: auto;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
32
41
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
42
|
+
// Library mode: Position absolute for toolbar in fullscreen (INAPP variant only)
|
|
43
|
+
&.html-editor-fullscreen--library-mode {
|
|
44
|
+
.html-editor__header--fullscreen {
|
|
45
|
+
.editor-toolbar {
|
|
46
|
+
position: absolute;
|
|
47
|
+
}
|
|
36
48
|
}
|
|
37
49
|
}
|
|
38
50
|
}
|
|
@@ -141,6 +153,15 @@
|
|
|
141
153
|
}
|
|
142
154
|
}
|
|
143
155
|
}
|
|
156
|
+
|
|
157
|
+
// Library mode: Position absolute for toolbar in InApp variant
|
|
158
|
+
&.html-editor--library-mode {
|
|
159
|
+
.html-editor__header {
|
|
160
|
+
.editor-toolbar {
|
|
161
|
+
position: absolute;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
144
165
|
}
|
|
145
166
|
|
|
146
167
|
// Responsive design
|