| talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame] | 1 | |
| 2 | .tree-view { | ||||
| 3 | overflow: hidden; | ||||
| 4 | |||||
| 5 | &.scrollable { | ||||
| 6 | overflow: auto; | ||||
| 7 | } | ||||
| 8 | |||||
| 9 | .node { | ||||
| 10 | text-shadow: none; | ||||
| 11 | stroke: none; | ||||
| 12 | |||||
| 13 | .outer-circle { | ||||
| 14 | stroke: $blue; | ||||
| 15 | stroke-width: 2px; | ||||
| 16 | fill: $white; | ||||
| 17 | } | ||||
| 18 | |||||
| 19 | .inner-circle { | ||||
| 20 | fill: $blue; | ||||
| 21 | } | ||||
| 22 | |||||
| 23 | text { | ||||
| 24 | text-anchor: end; | ||||
| 25 | @extend .body-2-semibold; | ||||
| 26 | fill: $blue; | ||||
| 27 | } | ||||
| 28 | |||||
| 29 | &.clickable { | ||||
| 30 | cursor: pointer; | ||||
| 31 | } | ||||
| 32 | |||||
| 33 | &.selectedNode { | ||||
| 34 | .outer-circle { | ||||
| 35 | fill: $blue; | ||||
| 36 | } | ||||
| 37 | |||||
| 38 | .inner-circle { | ||||
| 39 | fill: $blue; | ||||
| 40 | } | ||||
| 41 | |||||
| 42 | text { | ||||
| 43 | fill: $blue; | ||||
| 44 | } | ||||
| 45 | } | ||||
| 46 | } | ||||
| 47 | |||||
| 48 | |||||
| 49 | .link { | ||||
| 50 | fill: none; | ||||
| 51 | stroke: $dark-gray; | ||||
| 52 | stroke-opacity: 0.4; | ||||
| 53 | stroke-width: 1.5px; | ||||
| 54 | } | ||||
| 55 | |||||
| 56 | } | ||||