From 177400a8b0ea6e055bf109b855a0d32d44b2f3df Mon Sep 17 00:00:00 2001 From: Joachim Ford Date: Mon, 22 Jul 2024 10:56:42 +0100 Subject: [PATCH] beta.3.1 --- src/functions.js | 3 +++ src/main.js | 4 ++-- src/styles.css | 2 +- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/functions.js b/src/functions.js index 4ca8bec..461fb09 100644 --- a/src/functions.js +++ b/src/functions.js @@ -48,6 +48,9 @@ function makeColorPick(button, div, message, color, command) { goal.value = lastChar goal.focus() } + + if (Number(val.value) > 255) val.value = '255' + setBackgroundColor(chosenColor) } r.oninput = () => restrict(r, g) diff --git a/src/main.js b/src/main.js index a622b4c..e49fbe9 100644 --- a/src/main.js +++ b/src/main.js @@ -259,10 +259,10 @@ centerSplash.onmousedown = () => { const tip = document.createElement('div') const options = [ 'To create a batch of shapes with the same colour, simply press the save icon next to the colour selector.', - 'Tired of the copying templates for multiple shapes? Select the "Set template as default" button for an automatic assignment.', + 'Tired of the copying templates for multiple shapes? Press the "tick" icon for an automatic assignment.', 'You can ask for advanced help by typing your query into CanvasCraft\'s homepage.', 'Hover over anything and help assistant will explain it. You can disable it by pressing the question mark at the top-left of the screen.', - 'Properties are an easy way to store specific details about a shape. You can use the feature in a variety of ways, from designing game worlds to simply annotating shapes.' + 'Properties are an easy way to store specific details about a shape. You can use the feature in a variety of ways from designing game worlds to simply annotating.' ] tip.innerHTML = 'Pro-tip! ' + options[Math.floor(Math.random() * options.length)] tip.style.color = '#fb0' diff --git a/src/styles.css b/src/styles.css index ac3cf86..5afb844 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1032,7 +1032,7 @@ h3.center { height: 100%; padding: 50px 10%; transition: .8s cubic-bezier(.66,0,.54,1); - background-color: #000; + background-color: #111; overflow: scroll; }