Now hiding collapsible group button on image export. Fixed image export dependent on variable breakpoints

Author: Developer-Mike

src/canvas-extensions/export-canvas-extension.ts

@@ -11,6 +11,13 @@ export default class ExportCanvasExtension extends CanvasExtension {
   isEnabled() { return 'betterExportFeatureEnabled' as const }
 
   init() {
+    this.plugin.registerEvent(this.plugin.app.workspace.on(
+      'advanced-canvas:node-breakpoint-changed',
+      (canvas: Canvas, node: CanvasNode, breakpointRef: { value: boolean }) => {
+        if (canvas.screenshotting) breakpointRef.value = true
+      }
+    ))
+    
     this.plugin.addCommand({
       id: 'export-all-as-image',
       name: 'Export canvas as image',

src/styles/export.scss

@@ -6,15 +6,21 @@
     transition: none !important;
   }
 
-  & > .canvas-node {
-    --variable-breakpoint: -999999999;
+  // Hide group collapse button
+  #group-collapse-button {
+    display: none;
   }
 
   #watermark-ac {
     z-index: 9999999;
     position: absolute;
   }
 }
+  
+// Hide group collapse button
+.canvas-wrapper[data-collapsible-groups-feature-enabled="true"] .canvas.is-exporting .canvas-node .canvas-group-label {
+  left: 0;
+}
 
 .progress-bar-modal-ac {
   margin-top: .75em;