add new pie menu on right-click and long press

sugarlabs · Aug 18, 2018 · 2675084 · 2675084
1 parent ed55bf3
commit 2675084
Show file tree

Hide file tree

Showing 6 changed files with 264 additions and 58 deletions.
diff --git a/css/activity.css b/css/activity.css
@@ -1083,3 +1083,39 @@ input.timbreName {
   margin-left: 40px;
   font-weight: bold;
 }
+
+.wheelNav {
+    height: 350px;
+    width: 350px;
+    margin: auto;
+    -moz-transition: ease 1s;
+    -o-transition: ease 1s;
+    -webkit-transition: ease 1s;
+    transition: ease 1s;
+}
+
+.wheelNav > svg {
+    width: 100%;
+    height: 100%;
+}
+
+@media (max-width: 880px) {
+    .wheelNav {
+        height: 330px;
+        width: 330px;
+    }
+}
+
+@media (max-width: 680px) {
+    .wheelNav {
+        height: 310px;
+        width: 310px;
+    }
+}
+
+@media (max-width: 480px) {
+    .wheelNav {
+        height: 290px;
+        width: 290px;
+    }
+}
diff --git a/header-icons/copy-button.svg b/header-icons/copy-button.svg
diff --git a/index.html b/index.html
@@ -125,7 +125,10 @@ <h2 id="planetWorldwide"></h2>
         <div id="myBar"></div>
       </div>
 
-      <div id="wheelDiv">
+      <div id="wheelDiv" class="wheelNav">
+      </div>
+
+      <div id="contextWheelDiv" class="wheelNav">
       </div>
 
     </div> <!-- hideContents -->