DressOrc/menuPrototype
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adds a gesture indicator

Browse source 
-adds an indicator to show when gesture is toggled
-fixes screen position
This commit is contained in:
Nye Evans 2021-09-11 16:21:32 +01:00
parent 20278db66d
commit f1b2ffe436
3 changed files with 53 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -4,10 +4,10 @@
<head>
<meta charset="UTF-8">
<title>menuPrototype</title>
<link href="styles.css?1627420842233" rel="stylesheet">
<link href="styles.css?1631373529237" rel="stylesheet">
</head>
<body>
<div id="root" class="FullPage"></div>
<script type="text/javascript" src="main.js?55f8b278bc0f11593a71"></script></body>
<script type="text/javascript" src="main.js?d5d653b3dca3299d770c"></script></body>
</html>

49
main.js
View file

File diff suppressed because one or more lines are too long

26
styles.css
View file

@ -75,3 +75,29 @@ button{
width: 200px;
height: auto;
}
.ToggleIndicatorOn{
background-color: #00ffCD;
height: 1.2rem;
width: 1.2rem;
border-radius: 5px;
margin-left: 15px;
}
.ToggleIndicatorOff{
background-color: transparent;
border: 0.2rem solid #00ffCD;
height: 0.8rem;
width: 0.8rem;
border-radius: 5px;
margin-left: 15px;
}
.ToggleIndicatorBox{
font-size: 1rem;
background-color: gray;
display: flex;
margin-right: 60vw;
padding: 5px;
border-radius: 7px;
}