search

AlanDeSmet / human-resource-machine-viewer

Javascript to render Human Resource Machine programs similar to the original game.
GNU General Public License v3.0
9 stars 2 forks source link

Line highlighting should be behind arrow #9

Closed caco3 closed 8 years ago

caco3 commented 8 years ago

As is now, the line highlighting is in front of the arrow. Is there a way to draw the arrow in front of the highlighted line? final1

sixlettervariables commented 8 years ago

You could probably edit the CSS and add a z-index to achieve that effect:

.hrmcode .jumppath {
    stroke: #8d8dc1;
    stroke-width: 0.3em;
    fill: transparent;
        z-index: 2;
}
.hrmcode .jumppatharrow {
    stroke: #8d8dc1;
    fill: #8d8dc1;
    stroke-width: 0;
        z-index: 2;
}

Although my implementation does not seem to suffer that graphical error (click the Eye icon to view).

caco3 commented 8 years ago

Hi Maybe it is because I have put it into a div myself and also use other CSS lines. Your suggestion didnt help, but I found out that I have to put the table into the background:

.hrmcode table {
        border-collapse: collapse;
        position: absolute;
        z-index: -1;
}

Than you for your quick response and the hint!