From 17517a584965f1ea961703aba598c02ca40bf935 Mon Sep 17 00:00:00 2001 From: Varun Patil Date: Tue, 5 May 2020 18:53:13 +0530 Subject: [PATCH] Add fullscreen button --- shell.html | 49 +++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 43 insertions(+), 6 deletions(-) diff --git a/shell.html b/shell.html index 59138fd..9afb2af 100644 --- a/shell.html +++ b/shell.html @@ -11,6 +11,10 @@ background-color: black; height: 100vh } + #main { + height: 100%; + width: 100%; + } #canvas { padding: 0; @@ -24,10 +28,11 @@ position: fixed; bottom: 20px; left: 20px; + opacity: 0.5; } .spinner { - height: 50px; - width: 50px; + height: 25px; + width: 25px; margin: 0px auto; -webkit-animation: rotation .8s linear infinite; -moz-animation: rotation .8s linear infinite; @@ -57,14 +62,42 @@ from {transform: rotate(0deg);} to {transform: rotate(360deg);} } + + #fullscreen { + position: fixed; + bottom: 20px; + right: 20px; + opacity: 0.5; + cursor: pointer; + } + #fullscreen:hover { + opacity: 1; + } + #fullscreen > svg { + height: 25px; + width: 25px; + } -
- -
+
+
+ +
- + +
+ +
+ + + + + + + + +