@capillarytech/creatives-library 8.0.242-alpha.4 → 8.0.242-alpha.5

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.4",
4
+ "version": "8.0.242-alpha.5",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
@@ -5,7 +5,7 @@
5
5
  */
6
6
 
7
7
  // Import Cap UI variables (correct path)
8
- @import '~@capillarytech/cap-ui-library/styles/_variables.scss';
8
+ @import "~@capillarytech/cap-ui-library/styles/_variables.scss";
9
9
 
10
10
  // Fullscreen modal header styling - using proper CSS specificity instead of !important
11
11
  .html-editor-fullscreen {
@@ -36,6 +36,23 @@
36
36
  }
37
37
  }
38
38
  }
39
+
40
+ // Library mode: Apply specific styles when isFullMode is false
41
+ &--library-mode {
42
+ .preview-pane {
43
+ max-height: calc(107vh);
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
+ }
39
56
  }
40
57
 
41
58
  .html-editor {
@@ -143,7 +160,6 @@
143
160
  }
144
161
  }
145
162
 
146
-
147
163
  // Responsive design
148
164
  @media (max-width: 768px) {
149
165
  height: 31.25rem; // 500px = 31.25rem - Smaller height on tablets