From 97e0717b6fab04c393a0b0c1edaa8befff3159c4 Mon Sep 17 00:00:00 2001
From: Moritz Langenstein <ml5717@ic.ac.uk>
Date: Thu, 31 Oct 2019 23:58:13 +0000
Subject: [PATCH] (ml5717) Fixed colour input on iOS
---
public/index.html | 2 +-
public/styles.css | 18 +++++++++++++++---
2 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/public/index.html b/public/index.html
index 2f2b29d..2786830 100644
--- a/public/index.html
+++ b/public/index.html
@@ -190,7 +190,7 @@
</svg>
<div id="others">
<div id="other-palette">
- <b>Others</b>
+ <b>Other colours</b>
</div>
<label id="colours">
<input id="other-colours" type="color" value="blue" />
diff --git a/public/styles.css b/public/styles.css
index 7cb85c9..6bb6685 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -435,7 +435,7 @@ button.selected {
margin-top: 2%;
display: flex;
align-items: center;
- padding-left: 40%;
+ justify-content: center;
background-color: #3cbc8d;
color: white;
padding-top: 4px;
@@ -463,8 +463,20 @@ button.selected {
transition-duration: 0.4s;
}
-#other-colours {
- visibility: hidden;
+@supports (-webkit-overflow-scrolling: touch) {
+ #colours {
+ visibility: hidden;
+ }
+
+ #other-colours {
+ visibility: visible;
+ }
+}
+
+@supports not (-webkit-overflow-scrolling: touch) {
+ #other-colours {
+ visibility: hidden;
+ }
}
@font-face {
--
GitLab