Commit 11c2f893 authored by Jérémie Garcia's avatar Jérémie Garcia

removed curve menu functionalities

Extended Canvas
Less options but more visibility
Draw Zone change to a Square
parent 84e57a01
WOB/qr_code.png

627 Bytes | W: | H:

WOB/qr_code.png

510 Bytes | W: | H:

WOB/qr_code.png
WOB/qr_code.png
WOB/qr_code.png
WOB/qr_code.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
......@@ -101,7 +101,7 @@ body {
#sourceSelectDiv {
position : absolute;
top : 40px;
top : 60px;
right: 10px;
z-index : 4;
}
......@@ -148,12 +148,18 @@ body {
margin: 0px;
}
.top-right {
position: absolute;
right: 0;
opacity: 0.8;
z-index: 5;
}
.left {
position: absolute;
left: 0;
opacity: 0.8;
z-index: 5;
width : 280px;
}
a.curveMenuButton {
......@@ -178,33 +184,6 @@ a.curveMenuButton {
font: 13px Arial;
}
.curveMenuButtonDiv {
/* style basique */
width: 100%;
margin-bottom: 0px;
border: 1px solid #666666;
border-bottom-color: #ECEDEE;
font: 15px Arial;
/* instaure la flexbox */
display: -webkit-flex;
-webkit-flex-direction: row;
display: flex;
flex-direction: row;
}
.curveMenuButtonDiv > a {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
width: 30px; /* Pour faire fonctionner correctement la transition. (Les transitions vers "width:auto" sont buggées dans Gecko et Webkit, au moins. Voir http://bugzil.la/731886 pour plus d'informations.) */
-webkit-transition: width 0.7s ease-out;
transition: width 0.7s ease-out;
border-radius: 2px;
border-left: 0px;
border-color: #666666;
}
.curveMenuButton:first-child {
border-left: 1px solid #666666;
}
......@@ -233,22 +212,10 @@ a.curveMenuButton {
#sessionDivOverCanvas {
position: absolute;
left: 0;
bottom: 50px;
bottom: 40px;
width:200px;
z-index: 4;
background-color: rgba(255, 255, 255, 1);
}
#curveMenuDiv {
position: absolute;
top:0;
left:0;
}
#divCurveOptions {
padding: 0px;
margin: 0px;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 0.8);
}
......@@ -270,12 +237,6 @@ a.curveMenuButton {
height:40px;
}
/*#footer > a {
padding-bottom: 3px;
padding-top: 3px;
margin-bottom: 1px;
}*/
#spaceStretchDiv > input {
width: 50px;
......@@ -300,52 +261,22 @@ a.curveMenuButton {
#drawZone {
position: absolute;
bottom:65px;
background-color: rgba(50,250,50,0.4);
bottom:45px;
left:0px;
width:100px;
height: 140px;
z-index: 4;
}
#drawZoneEl {
position: relative;
z-index: 4;
}
#drawZoneRight {
position: absolute;
bottom:65px;
right:0px;
width:100px;
height: 140px;
width:80px;
height: 180px;
z-index: 4;
}
#drawZoneImg {
position: absolute;
bottom: 10px;
left:8px;
opacity: 0.5;
width: 60px;
height: 80px;
z-index:0 ;
}
#drawZoneImgRight {
position: absolute;
bottom: 10px;
left:35px;
opacity: 0.5;
width: 60px;
height: 80px;
z-index:0 ;
font-size: 18px;
text-align: center;
}
.contextualButton{
background-color: white;
border: 1px solid black;
border-radius: 50%;
border: 3px solid black;
opacity: 0.8;
font-size: 10px;
font-size: 14px;
}
.circularButton {
......
......@@ -63,7 +63,7 @@ Traj.View = {
//positions of the hearder and footer in pixels$
//TODO us the actual size of the html code
var header = 40,
var header = 0,
right = 0,
foot = 40,
canvas_width = window.innerWidth - right,
......
This diff is collapsed.
......@@ -93,7 +93,7 @@ Traj.Manager = {
} else {
var distance2 = Infinity;
}
Traj.Events.showContextMenu(distance < 0.6, distance2 < 0.6);
Traj.Events.showContextMenu(distance < 0.4, distance2 < 0.5);
}else{
Traj.Manager.currentCurve = null;
......@@ -275,7 +275,6 @@ Traj.Manager = {
if (Traj.Manager.trajectories[index] && index!=lastCurveIdx) {
Traj.Events.initSlider(false);
}
Traj.Events.refreshCurveInfo();
Traj.Session.saveTrajSession();
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment