Add drug icon to legend

KaiLiCn · Jul 31, 2017 · 6a15d36 · 6a15d36
1 parent fbef1ee
commit 6a15d36
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/website/static/sass/network.sass b/website/static/sass/network.sass
@@ -173,7 +173,7 @@ $sqrt_2: 1.41421356237
         border: $thickness dashed red
         border-top: 0
 
-  .kinase-group
+  .svg-node
     .color, .node
       border: 0
       width: 35px
@@ -204,7 +204,7 @@ $sqrt_2: 1.41421356237
   clear: both
 
   .swatch
-    width: 50%
+    width: 32%
     float: left
 
 .site-muts

diff --git a/website/templates/network/show.html b/website/templates/network/show.html
@@ -100,7 +100,7 @@ <h4>
                 <div class="name">Kinase</div>
               </div>
               <div class="swatch swatch-centered">
-                <div class="kinase-group">
+                <div class="svg-node">
                   <div class="node">
                     <svg viewBox="-21 -8 40 20" class="color">
                       <polygon points="-8.176,20.823922,7.13,20.823922,17.955,10,18,-5.307337,7.131,-16.131,-8.176,-16.131,-19,-5.307,-19,10" class="group shape"></polygon>
@@ -109,6 +109,20 @@ <h4>
                 </div>
                 <div class="name">Group</div>
               </div>
+              <div class="swatch swatch-centered">
+                <div class="svg-node">
+                  <div class="node">
+                    <svg viewBox="-21 -15 40 20" class="color">
+                      <polygon
+                         style="fill:#ffffff;stroke:#800080;stroke-width:2.20000005px"
+                         class="drug shape"
+                         points="0,5.3589838 -17.320508,10 -4.6410162,-2.6794919 0,-20 4.6410162,-2.6794919 17.320508,10">
+                    </svg>
+                  </div>
+                </div>
+                <div class="name">Drug</div>
+              </div>
+
             </div>
             <div class="swatch swatch-centered">
               <div class="name">