@drghaliasri/butex 4.3.0 → 4.4.0

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.
@@ -10925,24 +10925,11 @@ var DOCUMENT2_WIDGET_CSS = `
10925
10925
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
10926
10926
  }
10927
10927
 
10928
- .butex-document2-widget__layout--editor-open.butex-document2-widget__layout--preview-closed {
10929
- grid-template-columns: minmax(0, 1fr) minmax(0, 0fr);
10930
- }
10931
-
10932
- .butex-document2-widget__layout--editor-closed.butex-document2-widget__layout--preview-open {
10933
- grid-template-columns: minmax(0, 0fr) minmax(0, 1fr);
10934
- }
10935
-
10928
+ /* One visible panel: a single track so the panel fills the widget (previewOnly / hide editor / hide preview). */
10929
+ .butex-document2-widget__layout--editor-open.butex-document2-widget__layout--preview-closed,
10930
+ .butex-document2-widget__layout--editor-closed.butex-document2-widget__layout--preview-open,
10936
10931
  .butex-document2-widget__layout--editor-closed.butex-document2-widget__layout--preview-closed {
10937
- grid-template-columns: minmax(0, 1fr) minmax(0, 0fr);
10938
- }
10939
-
10940
- .butex-document2-widget__layout--preview-open {
10941
- grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
10942
- }
10943
-
10944
- .butex-document2-widget__layout--preview-closed {
10945
- grid-template-columns: minmax(0, 1fr) minmax(0, 0fr);
10932
+ grid-template-columns: minmax(0, 1fr);
10946
10933
  }
10947
10934
 
10948
10935
  .butex-document2-widget__editor-panel,
@@ -10960,24 +10947,16 @@ var DOCUMENT2_WIDGET_CSS = `
10960
10947
  box-shadow 0.22s ease;
10961
10948
  }
10962
10949
 
10963
- .butex-document2-widget__layout--editor-closed .butex-document2-widget__editor-panel {
10964
- border-width: 0;
10965
- box-shadow: none;
10966
- opacity: 0;
10967
- padding-inline: 0;
10968
- pointer-events: none;
10969
- transform: translateX(10px);
10970
- visibility: hidden;
10950
+ /* When previewOnly (or display:none) leaves a lone panel, span the full grid. */
10951
+ .butex-document2-widget__editor-panel:only-child,
10952
+ .butex-document2-widget__preview-panel:only-child {
10953
+ grid-column: 1 / -1;
10954
+ width: 100%;
10971
10955
  }
10972
10956
 
10957
+ .butex-document2-widget__layout--editor-closed .butex-document2-widget__editor-panel,
10973
10958
  .butex-document2-widget__layout--preview-closed .butex-document2-widget__preview-panel {
10974
- border-width: 0;
10975
- box-shadow: none;
10976
- opacity: 0;
10977
- padding-inline: 0;
10978
- pointer-events: none;
10979
- transform: translateX(-10px);
10980
- visibility: hidden;
10959
+ display: none;
10981
10960
  }
10982
10961
 
10983
10962
  .butex-document2-widget__inline-field {
@@ -11151,6 +11130,13 @@ var DOCUMENT2_WIDGET_CSS = `
11151
11130
  vertical-align: middle;
11152
11131
  }
11153
11132
 
11133
+ /* Guard against host CSS resets (e.g. Tailwind Preflight's \`svg { display: block }\`).
11134
+ * MathJax v4 inline line-breaking emits an equation as several sibling <svg> chunks;
11135
+ * a block-level svg reset stacks them vertically inside the island. */
11136
+ .butex-document2-widget mjx-container svg {
11137
+ display: inline;
11138
+ }
11139
+
11154
11140
  .butex-document2-widget__math-chip .butex-document2-widget__math-island {
11155
11141
  margin: 0;
11156
11142
  }
@@ -11312,18 +11298,13 @@ var DOCUMENT2_WIDGET_CSS = `
11312
11298
  }
11313
11299
 
11314
11300
  @media (max-width: 900px) {
11315
- .butex-document2-widget__layout {
11316
- grid-template-columns: 1fr;
11317
- }
11318
-
11319
- .butex-document2-widget__layout--preview-closed .butex-document2-widget__preview-panel {
11320
- display: none;
11321
- }
11322
-
11323
- .butex-document2-widget__layout--editor-closed .butex-document2-widget__editor-panel {
11324
- display: none;
11301
+ .butex-document2-widget__layout,
11302
+ .butex-document2-widget__layout--editor-open.butex-document2-widget__layout--preview-open,
11303
+ .butex-document2-widget__layout--editor-open.butex-document2-widget__layout--preview-closed,
11304
+ .butex-document2-widget__layout--editor-closed.butex-document2-widget__layout--preview-open,
11305
+ .butex-document2-widget__layout--editor-closed.butex-document2-widget__layout--preview-closed {
11306
+ grid-template-columns: minmax(0, 1fr);
11325
11307
  }
11326
-
11327
11308
  }
11328
11309
 
11329
11310
  @media (prefers-reduced-motion: reduce) {