Add a sample that uses transform: scale

This commit is contained in:
Alex Dima 2021-12-16 16:08:46 +01:00
parent 0684241bac
commit fc234d6a57
No known key found for this signature in database
GPG key ID: 39563C1504FDD0C9
2 changed files with 32 additions and 0 deletions

View file

@ -16,6 +16,8 @@
<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a> &#160;|&#160; <a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a> &#160;|&#160;
<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a> &#160;|&#160; <a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a> &#160;|&#160;
<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a> <a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a>
&#160;|&#160;
<a class="loading-opts" href="./transform.html">[transform]</a>
<br /><br /> <br /><br />
<div id="bar" style="margin-bottom: 6px"></div> <div id="bar" style="margin-bottom: 6px"></div>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
#editor {
position: relative;
left: 500px;
top: 20px;
width: 600px;
height: 400px;
border: 1px solid #ccc;
}
</style>
</head>
<body style="transform: scale(0.75)">
<div id="editor"></div>
<script src="../../metadata.js"></script>
<script src="dev-setup.js"></script>
<script>
loadEditor(function () {
monaco.editor.create(document.getElementById('editor'), {
value: document.documentElement.innerHTML,
language: 'xml'
});
});
</script>
</body>
</html>