Commit 89e12473 authored by Téo Vasseur's avatar Téo Vasseur Committed by Mathieu Giraud
Browse files

index.html, vidjil.less : add visu2_menu and associated css

Controller to be used to switch between graph and scatterplot
parent f8573c9a
......@@ -1339,22 +1339,44 @@ span.warningReads {
position: relative;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
}
.visu2_menu_anchor {
position: absolute;
bottom: @margin;
right: 0px;
}
.sp_menu_anchor, .visu2_menu_anchor {
width: 0px;
height: 0px;
}
.sp_menu{
min-width: 22px;
min-height: 18px;
border-bottom: solid;
border-right: solid;
}
.visu2_menu {
border-top: solid;
border-left: solid;
text-align: right;
position: absolute;
bottom: 0px;
right: 0px;
}
.sp_menu, .visu2_menu {
min-width: 22px;
min-height: 18px;
border-color: @border;
background : @background;
background: @background;
display: inline-block;
padding : 2px;
padding: 2px;
}
.sp_menu_content{
.sp_menu_content, .visu2_menu_content {
padding: 0px;
width: 0px;
height: 0px;
......@@ -1370,6 +1392,18 @@ span.warningReads {
padding: 8px 0px 0px 0px;
width: 180px;
height: 130px;
}
.visu2_menu:hover .visu2_menu_content,
.visu2_menu_content:focus {
width: 90px;
height: 45px;
}
.sp_menu:hover .sp_menu_content,
.visu2_menu:hover .visu2_menu_content,
.sp_menu_content:focus,
.visu2_menu_content:focus {
font-size: 100%;
opacity: 1;
}
......@@ -1439,6 +1473,7 @@ span.warningReads {
}
#visu-separator {
position: relative;
height: @margin;
cursor: move;
cursor: -webkit-grab;
......
......@@ -339,7 +339,23 @@
<!-- VISU-CONTAINER -->
<div id="visu-container">
<div id="visu2"></div>
<div id="visu-separator" >...</div>
<div id="visu-separator" >...
<div class="visu2_menu_anchor">
<div class="visu2_menu">
<div class="visu2_menu_content">
<label for="visu2_mode_sp">
scatterplot
<input id="visu2_mode_sp" name="visu2_mode" type="radio"/>
</label>
<label for="visu2_mode_gr">
graph
<input id="visu2_mode_gr" name="visu2_mode" type="radio"/>
</label>
</div>
mode
</div>
</div>
</div>
<div id="visu" onclick=""></div>
</div>
......
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