mirror of
https://github.com/subsurface/subsurface.git
synced 2025-02-19 22:16:15 +00:00
HTML: Show dive profile embedded in HTML5 canvas
Plot samples from dive computer (depth,time) with HTML5 canvas. Add very small API for curve drawing and coloring. Add the dive equipment to the detailed dive view. in the dive list when a dive is expanded you can show the dive profile,equipments and dive information by clicking on 'show more details'. Fixing the two themes to work well with the new div added that carry detailed dive information. Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com> Signed-off-by: Miika Turkia <miika.turkia@gmail.com> Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
parent
29c2f88802
commit
8ea5441b79
4 changed files with 339 additions and 2 deletions
|
@ -192,6 +192,46 @@ ul:hover{
|
|||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#profileCanvas{
|
||||
border:1px solid #d3d3d3;
|
||||
width:98%;
|
||||
margin:1%;
|
||||
height:300px;
|
||||
}
|
||||
|
||||
#diveListPanel{
|
||||
padding:5px;
|
||||
width:90%;
|
||||
margin:0% 5% 0% 5%;
|
||||
margin-bottom:50px;
|
||||
background-color: rgba(88,121,139,0.3);
|
||||
box-shadow: 10px 10px 5px #888888;
|
||||
}
|
||||
|
||||
.Cyl{
|
||||
padding-right:25px;
|
||||
}
|
||||
|
||||
#diveinfo{
|
||||
border-style:solid;
|
||||
}
|
||||
|
||||
#diveprofile{
|
||||
border-style:solid;
|
||||
}
|
||||
|
||||
#dive_equipments{
|
||||
border-style:solid;
|
||||
}
|
||||
|
||||
#divestats{
|
||||
border-style:solid;
|
||||
}
|
||||
|
||||
#bookmarks{
|
||||
border-style:solid;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#divePanel{
|
||||
padding:4px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue