@capillarytech/creatives-library 8.0.242-alpha.6 → 8.0.242-alpha.7

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,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "8.0.242-alpha.6",
4
+ "version": "8.0.242-alpha.7",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
@@ -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">
513
+ <CapRow className={`html-editor-fullscreen ${isLibraryMode ? 'html-editor-fullscreen--library-mode' : ''}`}>
514
514
  {/* Editor Toolbar - Conditional based on variant */}
515
515
  {variant === HTML_EDITOR_VARIANTS.EMAIL ? (
516
516
  <EditorToolbar
@@ -36,6 +36,24 @@
36
36
  }
37
37
  }
38
38
  }
39
+
40
+ // Fullscreen modal library mode styles (outside .html-editor block since fullscreen is a separate element)
41
+ .html-editor-fullscreen--library-mode {
42
+ .preview-pane {
43
+ max-height: calc(95vh - 5%);
44
+
45
+ &__content {
46
+ height: calc(95vh - 5%); // Same as editor pane - maximize to full available height
47
+ max-height: calc(95vh - 50%);
48
+ }
49
+
50
+ iframe {
51
+ height: calc(95vh - 5%); // Same as editor pane - maximize to full available height
52
+ max-height: calc(95vh - 50%);
53
+ }
54
+ }
55
+ }
56
+
39
57
  }
40
58
 
41
59
  .html-editor {
@@ -50,10 +68,9 @@
50
68
  overflow: hidden;
51
69
 
52
70
  // Library mode: Apply specific styles when isFullMode is false
53
- // Using combined selector for higher specificity without !important
54
71
  &.html-editor--library-mode {
55
72
  .preview-pane {
56
- max-height: calc(107vh);
73
+ max-height: calc(95vh - 5%);
57
74
 
58
75
  &__content {
59
76
  height: calc(95vh - 5%); // Same as editor pane - maximize to full available height