forked from lix-project/hydra
Factor out the tree rendering
This commit is contained in:
parent
4266632eb0
commit
1a992d170d
|
@ -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" />
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
44
src/root/static/css/tree.css
Normal file
44
src/root/static/css/tree.css
Normal 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;
|
||||||
|
}
|
Loading…
Reference in a new issue