mirror of
https://github.com/scratchfoundation/scratch-vm.git
synced 2024-12-25 07:22:33 -05:00
243d68f88b
The previous configuration mixed Webpack output with static content in order to create the playground. This change moves that static content from `/playground/` into `/src/playground/` and adds a Webpack rule to copy it into the playground as part of the build. On the surface this might seem unnecessary, but it provides at least two benefits: - It's no longer possible to accidentally load stale build output through `webpack-dev-server` in the event of a misconfiguration. This was very easy in the previous configuration, and might in fact be the only way that `webpack-dev-server` ever worked for this repository. - It's simpler to ensure that various rules apply to the hand-authored content and not build outputs. This includes lint rules, `.gitignore`, IDE symbol search paths, etc.
73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
body {
|
|
background: rgb(36,36,36);
|
|
}
|
|
a {
|
|
color: rgb(217,217,217);
|
|
}
|
|
h2 {
|
|
font-size: 1em;
|
|
}
|
|
#blocks {
|
|
position: absolute;
|
|
left: 40%;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
}
|
|
#vm-devtools {
|
|
color: rgb(217,217,217);
|
|
position: absolute;
|
|
left: 1%;
|
|
right: 60%;
|
|
top: 1%;
|
|
bottom: 0;
|
|
width: 35%;
|
|
}
|
|
#blockexplorer, #threadexplorer, #importexport {
|
|
position: absolute;
|
|
height: 75%;
|
|
overflow: scroll;
|
|
border: 1px solid #fff;
|
|
background: rgb(36,36,36);
|
|
color: rgb(217,217,217);
|
|
font-family: monospace;
|
|
font-size: 10pt;
|
|
width: 480px;
|
|
height: 360px;
|
|
}
|
|
#tab-blockexplorer, #tab-threadexplorer, #tab-importexport {
|
|
display: none;
|
|
}
|
|
#importExport {
|
|
width: 480px;
|
|
height: 360px;
|
|
background: rgb(36,36,36);
|
|
color: rgb(217,217,217);
|
|
}
|
|
#projectId {
|
|
background: rgb(36,36,36);
|
|
color: rgb(217,217,217);
|
|
font-family: monospace;
|
|
font-size: 10pt;
|
|
}
|
|
ul#playgroundLinks {
|
|
display: block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background-color: #333;
|
|
}
|
|
#playgroundLinks li {
|
|
float: left;
|
|
}
|
|
#playgroundLinks li a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 5px 10px;
|
|
}
|
|
#playgroundLinks li a:hover {
|
|
background-color: #111;
|
|
}
|