equal
deleted
inserted
replaced
1 #chart_div { |
1 #tabs-langues .ember-view { |
2 width: 100%; |
2 width: 100%; |
3 height: 540px; |
3 height: 600px; |
4 } |
4 } |
5 |
5 |
6 text { |
6 #tabs-langues .breadcrumbs, |
7 pointer-events: none; |
7 #tabs-langues .node { |
|
8 cursor: pointer; |
8 } |
9 } |
9 |
10 |
10 .grandparent text { |
11 #tabs-langues .breadcrumbs:hover, |
11 font-weight: bold; |
12 #tabs-langues .node:hover { |
|
13 background-color: $medium-blue; |
|
14 color: $light-white; |
12 } |
15 } |
13 |
16 |
14 rect { |
17 #tabs-langues .breadcrumbs { |
15 stroke: $light-white; |
18 background-color: $light-blue; |
|
19 color: $medium-blue; |
|
20 position: relative; |
|
21 line-height: 30px; |
|
22 padding: 0 10px; |
|
23 border-bottom: 1px solid $medium-blue; |
|
24 box-sizing: border-box; |
16 } |
25 } |
17 |
26 |
18 rect.parent, |
27 #tabs-langues .breadcrumbs .root:only-child { |
19 .grandparent rect { |
28 font-weight: bold; |
20 stroke-width: 2px; |
|
21 } |
29 } |
22 |
30 |
23 .grandparent rect { |
31 #tabs-langues .breadcrumbs .level::before { |
24 fill: $light-blue; |
32 content: '>'; |
|
33 margin: 0 10px; |
|
34 font-weight: normal; |
25 } |
35 } |
26 |
36 |
27 .children rect.parent, |
37 #tabs-langues .breadcrumbs .level:last-child { |
28 .grandparent rect { |
38 font-weight: bold; |
29 cursor: pointer; |
|
30 } |
39 } |
31 |
40 |
32 .children rect.parent { |
41 #tabs-langues .nodes { |
33 fill-opacity: .5; |
42 width: inherit; |
|
43 height: inherit; |
|
44 position: relative; |
34 } |
45 } |
|
46 |
|
47 #tabs-langues .node { |
|
48 position: absolute; |
|
49 margin: 0; |
|
50 padding: 0; |
|
51 border-right: 1px solid $dark-grey; |
|
52 border-bottom: 1px solid $dark-grey; |
|
53 padding: 10px; |
|
54 box-sizing: border-box; |
|
55 } |
|
56 |
|
57 #tabs-langues .node:hover { |
|
58 border-right: none; |
|
59 } |
|
60 |
|
61 #tabs-langues .node .count { |
|
62 font-weight: bold; |
|
63 } |