commit b9c2e4aa697d0ea70b61a9e226aeb8b95c633006
parent 7949d5871d1381f138b41cbabfee4499c3d2eb0d
Author: William Lindholm <william_lindholm@outlook.com>
Date: Mon, 20 Dec 2021 13:21:41 +0100
General improvements.
Diffstat:
2 files changed, 24 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
- <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">
+ <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title>Bored Button 3</title>
<link rel="stylesheet" href="./style.css">
<link rel="icon" href="images/favicon.png">
diff --git a/style.css b/style.css
@@ -67,12 +67,27 @@ canvas{
z-index: 10;
border-radius: 5px;
transition: background-color 1s, box-shadow 1s;
+ overflow: scroll;
+ height: fit-content;
+ max-height: 30%;
+ overflow-x: hidden;
+}
+
+#fact_text::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+#fact_text::-webkit-scrollbar-track {
+ display: none;
+}
+#fact_text::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ background-color: rgba(63, 97, 124, 0.75);
}
#fact_text:hover {
background-color: rgba(242, 242, 242, 0.7);
box-shadow: 0 0 20px rgba(242, 242, 242, 0.9);
-
}
@keyframes appear {
@@ -188,5 +203,11 @@ footer{
font-size: 1.4em;
margin-top: 50vh;
max-width: 90%;
+ max-height: 20%;
}
-}
-\ No newline at end of file
+}
+
+/*Scrollbar styling*/
+::-webkit-scrollbar-thumb {
+ background: #888;
+}
