diff --git a/web/packages/core/src/shadow-template.ts b/web/packages/core/src/shadow-template.ts index 82081e1ad..a26918f21 100644 --- a/web/packages/core/src/shadow-template.ts +++ b/web/packages/core/src/shadow-template.ts @@ -78,7 +78,7 @@ ruffleShadowTemplate.innerHTML = ` font-size: 20px; text-align: center; /* Inverted colors from play button! */ - background: linear-gradient(180deg, rgba(253,58,64,1) 0%, rgba(253,161,56,1) 100%); + background: linear-gradient(180deg, #fd3a40 0%, #fda138 100%); color: white; display: flex; flex-flow: column; @@ -157,7 +157,7 @@ ruffleShadowTemplate.innerHTML = ` } #message_overlay a:hover, #message_overlay button:hover { - background: rgba(255, 255, 255, 0.3); + background: #ffffff4c; } #continue-btn { @@ -172,7 +172,7 @@ ruffleShadowTemplate.innerHTML = ` } #continue-btn:hover { - background: rgba(255, 255, 255, 0.3); + background: #ffffff4c; } #context-menu { diff --git a/web/packages/demo/.gitignore b/web/packages/demo/.gitignore new file mode 100644 index 000000000..86390f842 --- /dev/null +++ b/web/packages/demo/.gitignore @@ -0,0 +1 @@ +/swfs.json diff --git a/web/packages/demo/webpack.config.js b/web/packages/demo/webpack.config.js index feb2b5f08..d45d09087 100644 --- a/web/packages/demo/webpack.config.js +++ b/web/packages/demo/webpack.config.js @@ -36,10 +36,7 @@ module.exports = (env, argv) => { plugins: [ new CopyWebpackPlugin({ patterns: [ - { - from: path.resolve(__dirname, "www/index.html"), - to: "index.html", - }, + { from: path.resolve(__dirname, "www/index.html") }, { from: "LICENSE*" }, { from: "README.md" }, ], diff --git a/web/packages/demo/www/index.css b/web/packages/demo/www/index.css index 2d36d13da..084c4a6fe 100644 --- a/web/packages/demo/www/index.css +++ b/web/packages/demo/www/index.css @@ -64,7 +64,7 @@ body { right: 0; width: auto; height: auto; - margin: 10px; + margin: 10px 0; } #nav { @@ -72,27 +72,23 @@ body { background: var(--ruffle-blue); box-shadow: 0 3px 6px 5px var(--ruffle-blue); display: flex; - justify-content: space-around; align-items: center; - align-self: flex-start; + justify-content: space-around; color: white; - min-height: 45px; - padding-top: 5px; + padding: 10px 0 5px 0; margin-bottom: 5px; } #title { - transition-duration: 0.5s; + transition: opacity 0.5s; } #title:hover { opacity: 0.5; - cursor: pointer; } #title img { height: 32px; - margin-top: 5px; } #file-picker select, @@ -125,10 +121,6 @@ body { #sample-swfs-container { display: block; } - - #nav { - min-height: 65px; - } } @media only screen and (max-width: 600px) { @@ -146,7 +138,6 @@ body { } #nav { - min-height: 85px; flex-flow: column; } } diff --git a/web/packages/demo/www/index.html b/web/packages/demo/www/index.html index 25dfbea40..3ee9e9fde 100644 --- a/web/packages/demo/www/index.html +++ b/web/packages/demo/www/index.html @@ -14,8 +14,7 @@ + data-canonical-src="https://ruffle.rs/assets/logo.png" />