Fix: Prevent collapse from preview box

CarbonPackages · Jul 24, 2024 · 1da3c69 · 1da3c69
1 parent 5284e7d
commit 1da3c69
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/Resources/Private/Editor/Component/BackgroundAndForeground/PreviewBox.tsx b/Resources/Private/Editor/Component/BackgroundAndForeground/PreviewBox.tsx
@@ -7,7 +7,8 @@ import { colors, sizes, fonts } from "../Tokens.stylex";
 const styles = stylex.create({
     previewBox: {
         flex: 1,
-        height: sizes.goldenUnit,
+        minHeight: sizes.goldenUnit,
+        maxHeight: sizes.goldenUnit,
         lineHeight: `calc(${sizes.goldenUnit} - 2px)`,
         border: `1px solid ${colors.contrastDark}`,
         borderRadius: sizes.borderRadius,
@@ -16,7 +17,7 @@ const styles = stylex.create({
         paddingInline: sizes.spacingHalf,
         gap: sizes.spacingHalf,
         overflow: "hidden",
-        textEllipsis: "ellipsis",
+        textOverflow: "ellipsis",
     },
     checkboard: {
         backgroundImage: `url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".25"><rect x="200" width="200" height="200" /><rect y="200" width="200" height="200" /></svg>')`,

diff --git a/Resources/Public/Plugin.css b/Resources/Public/Plugin.css
@@ -52,7 +52,6 @@
 .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
 .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
 .xdpxx8g:not(#\#):not(#\#):not(#\#){text-align:left}
-.x1sect9i:not(#\#):not(#\#):not(#\#){text-ellipsis:ellipsis}
 .xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
 .x1v0jg1i:not(#\#):not(#\#):not(#\#){transform:var(--transform,revert)}
 .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
@@ -69,6 +68,7 @@
 .xpdco3j:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--xum5wse)}
 .x15635tz:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:calc(var(--xsq42wm) * -1)}
 .xyxxu3c:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--x27mn02)}
+.x775x8:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--x12rwxsh)}
 .x1q6vwdj:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--x12rwxsh)}
 .x1yxg6fv:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x12dtnal)}
 .x1fyu0iq:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x12rwxsh)}