Factor out the tree rendering

This commit is contained in:
Eelco Dolstra 2013-02-19 17:22:28 +01:00
parent 4266632eb0
commit 1a992d170d
4 changed files with 45 additions and 55 deletions

View file

@ -21,6 +21,7 @@
<script type="text/javascript" src="/static/bootstrap/js/bootstrap-alert.js"></script> <script type="text/javascript" src="/static/bootstrap/js/bootstrap-alert.js"></script>
<link rel="stylesheet" href="/static/css/hydra.css" type="text/css" /> <link rel="stylesheet" href="/static/css/hydra.css" type="text/css" />
<link rel="stylesheet" href="/static/css/tree.css" type="text/css" />
<link rel="stylesheet" href="/static/css/logfile.css" type="text/css" /> <link rel="stylesheet" href="/static/css/logfile.css" type="text/css" />
<!-- <!--

View file

@ -3,12 +3,6 @@ body {
padding-bottom: 0px; /* 60px to make the container go all the way to the bottom of the topbar */ padding-bottom: 0px; /* 60px to make the container go all the way to the bottom of the topbar */
} }
.logTreeToggle {
text-decoration: none;
font-family: monospace;
font-size: larger;
}
.logo { .logo {
height: 30px; height: 30px;
} }

View file

@ -3,53 +3,6 @@
padding: 0.3em; padding: 0.3em;
} }
ul.tree, ul.subtree {
padding: 0;
margin: 0;
list-style-type: none;
}
/* Indent each tree level. */
li.tree-line {
position: relative;
padding-left: 2.0em;
}
li.tree-line:last-child {
padding-left: 2.1em; /* for the 0.1em border-left in the last child */
}
/* Draw vertical tree lines next to all children except the last. */
li.tree-line {
border-left: 0.1em solid #6185a0;
}
li.tree-line:last-child {
border-left: 0;
}
/* Draw horizontal tree lines to all children. */
span.tree-conn {
position: absolute;
height: 0.65em;
left: 0em;
width: 1.5em;
border-bottom: 0.1em solid #6185a0;
}
/* Draw the vertical tree line to the last child. */
li.tree-line:last-child > span.tree-conn {
border-left: 0.1em solid #6185a0;
}
.tree-toggle {
text-decoration: none;
font-family: monospace;
font-size: larger;
}
em.storeref { em.storeref {
color: #500000; color: #500000;
position: relative; position: relative;
@ -62,7 +15,6 @@ em.storeref:hover {
*.popup { *.popup {
display: none; display: none;
/* background: url('http://losser.st-lab.cs.uu.nl/~mbravenb/menuback.png') repeat; */
background: #ffffcd; background: #ffffcd;
border: solid #555555 1px; border: solid #555555 1px;
position: absolute; position: absolute;
@ -78,7 +30,6 @@ em.storeref:hover span.popup {
width: 40em; width: 40em;
} }
span.code { span.code {
white-space: pre-wrap; white-space: pre-wrap;
font-family: monospace; font-family: monospace;

View file

@ -0,0 +1,44 @@
ul.tree, ul.subtree {
padding: 0;
margin: 0;
list-style-type: none;
}
/* Indent each tree level. */
li.tree-line {
position: relative;
padding-left: 2.0em;
}
li.tree-line:last-child {
padding-left: 2.1em; /* for the 0.1em border-left in the last child */
}
/* Draw vertical tree lines next to all children except the last. */
li.tree-line {
border-left: 0.1em solid #6185a0;
}
li.tree-line:last-child {
border-left: 0;
}
/* Draw horizontal tree lines to all children. */
span.tree-conn {
position: absolute;
height: 0.65em;
left: 0em;
width: 1.5em;
border-bottom: 0.1em solid #6185a0;
}
/* Draw the vertical tree line to the last child. */
li.tree-line:last-child > span.tree-conn {
border-left: 0.1em solid #6185a0;
}
.tree-toggle {
text-decoration: none;
font-family: monospace;
font-size: larger;
}