Deploying to gh-pages from @ 61507fb 🚀

STRML · STRML · commit fcce242fdeb0 · 2025-12-31T04:10:57.000Z
diff --git a/examples/ExampleLayout.js b/examples/ExampleLayout.js
@@ -171,7 +171,7 @@ export default class ExampleLayout extends React.Component<{}, {width: number, h
         </div>
 
         <h3>Scaled Absolute Layout</h3>
-        <div>
+        <div style={{marginBottom: '10px'}}>
           <small>
             If you are nesting Resizables in an element with <code>transform: scale(n)</code>, be sure to pass the same <code>n</code>&nbsp;
             as the <code>transformScale</code> property.
diff --git a/examples/bundle.js b/examples/bundle.js
diff --git a/examples/example.css b/examples/example.css
@@ -11,10 +11,10 @@
   align-items: center;
 }
 .scaledLayout {
-  width: 125%;
-  left: -12.5vw;
   transform: scale(0.75);
-  margin-top: -7.5vh;
+  transform-origin: top left;
+  width: 133.33%; /* 1 / 0.75 = 1.333 to compensate for scale */
+  height: 800px; /* taller to compensate for scale */
 }
 
 .box {

Original file line number	Diff line number	Diff line change
`@@ -11,10 +11,10 @@`
`11`	`11`	`align-items: center;`
`12`	`12`	`}`
`13`	`13`	`.scaledLayout {`
`14`		`- width: 125%;`
`15`		`- left: -12.5vw;`
`16`	`14`	`transform: scale(0.75);`
`17`		`- margin-top: -7.5vh;`
	`15`	`+ transform-origin: top left;`
	`16`	`+ width: 133.33%; /* 1 / 0.75 = 1.333 to compensate for scale */`
	`17`	`+ height: 800px; /* taller to compensate for scale */`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.box {`