@hpcc-js/layout 3.5.5 → 3.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.umd.cjs +1 -1
  3. package/package.json +7 -7
  4. package/src/AbsoluteSurface.css +2 -2
  5. package/src/Accordion.css +83 -66
  6. package/src/Border.css +70 -66
  7. package/src/Border2.css +6 -5
  8. package/src/Carousel.css +2 -2
  9. package/src/Cell.css +1 -1
  10. package/src/ChartPanel.css +2 -2
  11. package/src/FlexGrid.css +3 -2
  12. package/src/Grid.css +18 -18
  13. package/src/Layered.css +7 -5
  14. package/src/Modal.css +11 -1
  15. package/src/Surface.css +43 -27
  16. package/src/Tabbed.css +2 -1
  17. package/src/Toolbar.css +13 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hpcc-js/layout",
3
- "version": "3.5.5",
3
+ "version": "3.5.6",
4
4
  "description": "hpcc-js - Viz Layout",
5
5
  "type": "module",
6
6
  "main": "./dist/index.umd.cjs",
@@ -37,11 +37,11 @@
37
37
  "update-major": "npx --yes npm-check-updates -u"
38
38
  },
39
39
  "dependencies": {
40
- "@hpcc-js/api": "^3.4.10",
41
- "@hpcc-js/chart": "^3.6.6",
42
- "@hpcc-js/common": "^3.7.0",
43
- "@hpcc-js/dgrid2": "^3.5.8",
44
- "@hpcc-js/util": "^3.4.8"
40
+ "@hpcc-js/api": "^3.4.11",
41
+ "@hpcc-js/chart": "^3.7.0",
42
+ "@hpcc-js/common": "^3.7.1",
43
+ "@hpcc-js/dgrid2": "^3.6.0",
44
+ "@hpcc-js/util": "^3.5.0"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@hpcc-js/esbuild-plugins": "^1.8.3",
@@ -64,5 +64,5 @@
64
64
  "url": "https://github.com/hpcc-systems/Visualization/issues"
65
65
  },
66
66
  "homepage": "https://github.com/hpcc-systems/Visualization",
67
- "gitHead": "0c1e3df0f2ae628352200f8f8fd6b91b976f69c3"
67
+ "gitHead": "ada394f582442d2b23a7ff55b9f87a50a723f45b"
68
68
  }
package/src/AbsoluteSurface.css CHANGED
@@ -2,8 +2,8 @@
2
2
  pointer-events: none !important;
3
3
  }
4
4
 
5
- .layout_AbsoluteSurface > .placeholder {
5
+ .layout_AbsoluteSurface>.placeholder {
6
6
  position: relative;
7
7
  overflow: hidden;
8
8
  pointer-events: all;
9
- }
9
+ }
package/src/Accordion.css CHANGED
@@ -1,85 +1,102 @@
1
- .layout_Accordion > ul{
2
- position:relative;
1
+ .layout_Accordion>ul {
2
+ position: relative;
3
3
  }
4
- .layout_Accordion.open > span {
5
- font-style:italic;
4
+
5
+ .layout_Accordion.open>span {
6
+ font-style: italic;
6
7
  }
7
- .layout_Accordion.closed > ul {
8
+
9
+ .layout_Accordion.closed>ul {
8
10
  height: 0px;
9
11
  overflow: hidden;
10
12
  }
11
- .layout_Accordion.open > ul{
12
- display:block;
13
+
14
+ .layout_Accordion.open>ul {
15
+ display: block;
13
16
  }
14
- .layout_Accordion > .collapsible-icon,
15
- .layout_Accordion > .collapsible-title{
16
- cursor:pointer;
17
+
18
+ .layout_Accordion>.collapsible-icon,
19
+ .layout_Accordion>.collapsible-title {
20
+ cursor: pointer;
17
21
  box-sizing: border-box;
18
22
  }
19
- .layout_Accordion > .collapsible-title{
20
- display:block;
21
- width:100%;
23
+
24
+ .layout_Accordion>.collapsible-title {
25
+ display: block;
26
+ width: 100%;
22
27
  }
23
- .layout_Accordion > .collapsible-title{
28
+
29
+ .layout_Accordion>.collapsible-title {
24
30
  font-size: 13px;
25
- color:#FFF;
26
- padding:4px 8px;
27
- height:26px;
28
- -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.2);
29
- -moz-box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.2);
30
- box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.2);
31
- }
32
- .layout_Accordion li{
33
- background-color:#FFFFFF;
34
- }
35
- .layout_Accordion > ul,
36
- .layout_Accordion > .collapsible-title{
37
- background-color:#333;
38
- }
39
- .layout_Accordion .layout_Accordion > ul,
40
- .layout_Accordion .layout_Accordion > .collapsible-title{
41
- background-color:#555;
42
- }
43
- .layout_Accordion .layout_Accordion .layout_Accordion > ul,
44
- .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{
45
- background-color:#777;
46
- }
47
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul,
48
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{
49
- background-color:#999;
50
- }
51
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul,
52
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{
53
- background-color:#BBB;
54
- }
55
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul,
56
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{
57
- background-color:#CCC;
58
- }
59
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul,
60
- .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{
61
- background-color:#DDD;
62
- }
63
- .layout_Accordion > ul,
64
- .layout_Accordion > span{
65
- padding-left:0px;
66
- }
67
- .layout_Accordion .layout_Accordion > ul,
68
- .layout_Accordion .layout_Accordion > span{
31
+ color: #FFF;
32
+ padding: 4px 8px;
33
+ height: 26px;
34
+ -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
35
+ -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
36
+ box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
37
+ }
38
+
39
+ .layout_Accordion li {
40
+ background-color: #FFFFFF;
41
+ }
42
+
43
+ .layout_Accordion>ul,
44
+ .layout_Accordion>.collapsible-title {
45
+ background-color: #333;
46
+ }
47
+
48
+ .layout_Accordion .layout_Accordion>ul,
49
+ .layout_Accordion .layout_Accordion>.collapsible-title {
50
+ background-color: #555;
51
+ }
52
+
53
+ .layout_Accordion .layout_Accordion .layout_Accordion>ul,
54
+ .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
55
+ background-color: #777;
56
+ }
57
+
58
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
59
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
60
+ background-color: #999;
61
+ }
62
+
63
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
64
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
65
+ background-color: #BBB;
66
+ }
67
+
68
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
69
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
70
+ background-color: #CCC;
71
+ }
72
+
73
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
74
+ .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
75
+ background-color: #DDD;
76
+ }
77
+
78
+ .layout_Accordion>ul,
79
+ .layout_Accordion>span {
80
+ padding-left: 0px;
81
+ }
82
+
83
+ .layout_Accordion .layout_Accordion>ul,
84
+ .layout_Accordion .layout_Accordion>span {
69
85
  padding-left: 12px;
70
86
  }
71
87
 
72
- .layout_Accordion > .collapsible-title:before{
88
+ .layout_Accordion>.collapsible-title:before {
73
89
  padding: 4px 8px 4px 8px;
74
90
  position: absolute;
75
91
  left: 0;
76
92
  top: 0;
77
93
  }
78
- .layout_Accordion > .collapsible-icon{
79
- position:absolute;
80
- top:0px;
81
- right:0px;
82
- width:24px;
83
- height:24px;
84
- color:#FFF;
94
+
95
+ .layout_Accordion>.collapsible-icon {
96
+ position: absolute;
97
+ top: 0px;
98
+ right: 0px;
99
+ width: 24px;
100
+ height: 24px;
101
+ color: #FFF;
85
102
  }
package/src/Border.css CHANGED
@@ -1,39 +1,45 @@
1
- .layout_Border{
1
+ .layout_Border {
2
2
  width: 100%;
3
3
  height: 100%;
4
4
  }
5
- .layout_Border > .border-content{
5
+
6
+ .layout_Border>.border-content {
6
7
  width: 100%;
7
8
  height: 100%;
8
- position:relative;
9
+ position: relative;
9
10
  }
10
- .layout_Border > .borderHandle{
11
+
12
+ .layout_Border>.borderHandle {
11
13
  width: 6px;
12
14
  height: 6px;
13
15
  background-color: #444;
14
16
  opacity: 0.3;
15
- position:absolute;
16
- visibility:hidden;
17
+ position: absolute;
18
+ visibility: hidden;
17
19
  }
18
- .layout_Border.design-mode > .borderHandle{
19
- visibility:visible;
20
+
21
+ .layout_Border.design-mode>.borderHandle {
22
+ visibility: visible;
20
23
  }
21
- .layout_Border > .borderHandle:hover{
24
+
25
+ .layout_Border>.borderHandle:hover {
22
26
  background-color: #666;
23
27
  }
24
- .layout_Border > .borderHandle.borderHandleDisabled{
25
- display:none;
28
+
29
+ .layout_Border>.borderHandle.borderHandleDisabled {
30
+ display: none;
26
31
  }
27
- .layout_Border > .borderHandle_top,
28
- .layout_Border > .borderHandle_bottom
29
- {
30
- cursor:ns-resize;
32
+
33
+ .layout_Border>.borderHandle_top,
34
+ .layout_Border>.borderHandle_bottom {
35
+ cursor: ns-resize;
31
36
  }
32
- .layout_Border > .borderHandle_left,
33
- .layout_Border > .borderHandle_right
34
- {
35
- cursor:ew-resize;
37
+
38
+ .layout_Border>.borderHandle_left,
39
+ .layout_Border>.borderHandle_right {
40
+ cursor: ew-resize;
36
41
  }
42
+
37
43
  .layout_Border .cell {
38
44
  border-radius: 5px;
39
45
  border: 1px solid #e5e5e5;
@@ -51,16 +57,18 @@
51
57
  .layout_Border .layout_BorderCell.over {
52
58
  border: 2px dashed #000;
53
59
  }
54
- .layout_Border .dragItem {
60
+
61
+ .layout_Border .dragItem {
55
62
  z-index: -1;
56
- opacity:0.33;
63
+ opacity: 0.33;
57
64
  }
58
65
 
59
- .layout_Border .notDragItem {
66
+ .layout_Border .notDragItem {
60
67
  z-index: -1;
61
68
  opacity: 1;
62
69
  }
63
- .layout_Border div[draggable=true] {
70
+
71
+ .layout_Border div[draggable=true] {
64
72
  opacity: 0.75;
65
73
  cursor: default;
66
74
  }
@@ -72,74 +80,70 @@
72
80
  .layout_Border div[draggable=true] .dragHandle_n,
73
81
  .layout_Border div[draggable=true] .dragHandle_e,
74
82
  .layout_Border div[draggable=true] .dragHandle_s,
75
- .layout_Border div[draggable=true] .dragHandle_w{
76
- background-color:#AAA;
83
+ .layout_Border div[draggable=true] .dragHandle_w {
84
+ background-color: #AAA;
77
85
  }
78
86
 
79
87
  .layout_Border div[draggable=true] .dragHandle_nw,
80
88
  .layout_Border div[draggable=true] .dragHandle_ne,
81
89
  .layout_Border div[draggable=true] .dragHandle_se,
82
- .layout_Border div[draggable=true] .dragHandle_sw {
83
- background-color:#333;
90
+ .layout_Border div[draggable=true] .dragHandle_sw {
91
+ background-color: #333;
84
92
  }
85
93
 
86
- .layout_Border div[draggable=true] .dragHandle_nw {
87
- cursor:nw-resize;
94
+ .layout_Border div[draggable=true] .dragHandle_nw {
95
+ cursor: nw-resize;
88
96
  }
89
97
 
90
- .layout_Border div[draggable=true] .dragHandle_n {
91
- cursor:n-resize;
98
+ .layout_Border div[draggable=true] .dragHandle_n {
99
+ cursor: n-resize;
92
100
  }
93
101
 
94
- .layout_Border div[draggable=true] .dragHandle_ne {
95
- cursor:ne-resize;
102
+ .layout_Border div[draggable=true] .dragHandle_ne {
103
+ cursor: ne-resize;
96
104
  }
97
105
 
98
- .layout_Border div[draggable=true] .dragHandle_e {
99
- cursor:e-resize;
106
+ .layout_Border div[draggable=true] .dragHandle_e {
107
+ cursor: e-resize;
100
108
  }
101
109
 
102
- .layout_Border div[draggable=true] .dragHandle_se {
103
- cursor:se-resize;
110
+ .layout_Border div[draggable=true] .dragHandle_se {
111
+ cursor: se-resize;
104
112
  }
105
113
 
106
- .layout_Border div[draggable=true] .dragHandle_s {
107
- cursor:s-resize;
114
+ .layout_Border div[draggable=true] .dragHandle_s {
115
+ cursor: s-resize;
108
116
  }
109
117
 
110
- .layout_Border div[draggable=true] .dragHandle_sw {
111
- cursor:sw-resize;
118
+ .layout_Border div[draggable=true] .dragHandle_sw {
119
+ cursor: sw-resize;
112
120
  }
113
121
 
114
- .layout_Border div[draggable=true] .dragHandle_w {
115
- cursor:w-resize;
122
+ .layout_Border div[draggable=true] .dragHandle_w {
123
+ cursor: w-resize;
116
124
  }
117
125
 
118
- .layout_Border div[draggable=false] > div > .dragHandle {
119
- display:none;
126
+ .layout_Border div[draggable=false]>div>.dragHandle {
127
+ display: none;
120
128
  }
121
129
 
122
- .layout_Border .grid-drop-target{
123
- position:fixed;
124
- box-sizing:border-box;
125
- border:2px dashed #7f8c8d;
126
- border-radius:0px;
127
- background: repeating-linear-gradient(
128
- -45deg,
129
- rgba(0, 0, 0, 0),
130
- rgba(0, 0, 0, 0) 4px,
131
- rgba(100, 100, 100, 0.1) 4px,
132
- rgba(100, 100, 100, 0.1) 8px
133
- );
130
+ .layout_Border .grid-drop-target {
131
+ position: fixed;
132
+ box-sizing: border-box;
133
+ border: 2px dashed #7f8c8d;
134
+ border-radius: 0px;
135
+ background: repeating-linear-gradient(-45deg,
136
+ rgba(0, 0, 0, 0),
137
+ rgba(0, 0, 0, 0) 4px,
138
+ rgba(100, 100, 100, 0.1) 4px,
139
+ rgba(100, 100, 100, 0.1) 8px);
134
140
  }
135
141
 
136
- .layout_Border .grid-drop-target.drop-target-over{
137
- border:2px dashed #179BD7;
138
- background: repeating-linear-gradient(
139
- -45deg,
140
- rgba(0, 0, 0, 0),
141
- rgba(0, 0, 0, 0) 6px,
142
- rgba(17, 155, 215, 0.1) 6px,
143
- rgba(17, 155, 215, 0.1) 12px
144
- );
142
+ .layout_Border .grid-drop-target.drop-target-over {
143
+ border: 2px dashed #179BD7;
144
+ background: repeating-linear-gradient(-45deg,
145
+ rgba(0, 0, 0, 0),
146
+ rgba(0, 0, 0, 0) 6px,
147
+ rgba(17, 155, 215, 0.1) 6px,
148
+ rgba(17, 155, 215, 0.1) 12px);
145
149
  }
package/src/Border2.css CHANGED
@@ -2,21 +2,22 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  }
5
- .layout_Border2 > .body {
5
+
6
+ .layout_Border2>.body {
6
7
  margin: 0;
7
8
  padding: 0;
8
9
  display: flex;
9
10
  flex-flow: row;
10
11
  }
11
12
 
12
- .layout_Border2 > .body > .center {
13
+ .layout_Border2>.body>.center {
13
14
  flex: 1;
14
15
  }
15
16
 
16
- .layout_Border2 > .header {
17
+ .layout_Border2>.header {
17
18
  display: block;
18
19
  }
19
20
 
20
- .layout_Border2 > .footer {
21
+ .layout_Border2>.footer {
21
22
  display: block;
22
- }
23
+ }
package/src/Carousel.css CHANGED
@@ -1,8 +1,8 @@
1
- .layout_Carousel > div {
1
+ .layout_Carousel>div {
2
2
  position: relative;
3
3
  overflow: hidden;
4
4
  }
5
5
 
6
- .layout_Carousel > div > .carouselItem {
6
+ .layout_Carousel>div>.carouselItem {
7
7
  position: absolute;
8
8
  }
package/src/Cell.css CHANGED
@@ -8,4 +8,4 @@
8
8
  border-width: 0px;
9
9
  border-style: solid;
10
10
  pointer-events: none;
11
- }
11
+ }
package/src/ChartPanel.css CHANGED
@@ -4,5 +4,5 @@
4
4
  }
5
5
 
6
6
  .layout_ChartPanel .series.lowlight {
7
- opacity: 0.3!important;
8
- }
7
+ opacity: 0.3 !important;
8
+ }
package/src/FlexGrid.css CHANGED
@@ -1,7 +1,8 @@
1
- .layout_FlexGrid{
1
+ .layout_FlexGrid {
2
2
  display: flex;
3
3
  }
4
- .FlexGrid-list-item{
4
+
5
+ .FlexGrid-list-item {
5
6
  overflow: hidden;
6
7
  border-style: solid;
7
8
  flex-grow: 1;
package/src/Grid.css CHANGED
@@ -1,15 +1,15 @@
1
- .layout_Grid > .ddCell {
1
+ .layout_Grid>.ddCell {
2
2
  position: absolute;
3
3
  }
4
4
 
5
- .layout_Grid > .laneBackground {
5
+ .layout_Grid>.laneBackground {
6
6
  position: absolute;
7
7
  border-style: solid;
8
8
  border-width: 1px;
9
9
  background: whitesmoke;
10
10
  }
11
11
 
12
- .layout_Grid > .lane {
12
+ .layout_Grid>.lane {
13
13
  position: absolute;
14
14
  border-style: none;
15
15
  opacity: 0.25;
@@ -17,25 +17,25 @@
17
17
  pointer-events: none;
18
18
  }
19
19
 
20
- .layout_Grid > .ddCell.draggable {
20
+ .layout_Grid>.ddCell.draggable {
21
21
  border-style: solid;
22
22
  border-width: 1px;
23
23
  background-color: ghostwhite;
24
24
  border-radius: 0px;
25
- cursor:move;
25
+ cursor: move;
26
26
  }
27
27
 
28
- .layout_Grid > .ddCell.draggable > .resizeHandle {
28
+ .layout_Grid>.ddCell.draggable>.resizeHandle {
29
29
  bottom: 0px;
30
30
  right: 0px;
31
31
  width: 8px;
32
32
  height: 8px;
33
33
  border-style: none;
34
34
  position: absolute;
35
- cursor:nwse-resize;
35
+ cursor: nwse-resize;
36
36
  }
37
37
 
38
- .layout_Grid > .ddCell.draggable .resizeHandleDisplay {
38
+ .layout_Grid>.ddCell.draggable .resizeHandleDisplay {
39
39
  bottom: 2px;
40
40
  right: 2px;
41
41
  width: 4px;
@@ -46,45 +46,45 @@
46
46
  border-right-width: 2px;
47
47
  border-bottom-width: 2px;
48
48
  border-color: darkGray;
49
- background-color:none;
49
+ background-color: none;
50
50
  position: absolute;
51
51
  }
52
52
 
53
- .layout_Grid > .ddCell.draggable .resizeHandleDisplay:hover {
53
+ .layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover {
54
54
  border-color: orange;
55
55
  }
56
56
 
57
- .layout_Grid > .dragging {
57
+ .layout_Grid>.dragging {
58
58
  border-style: solid;
59
59
  border-width: 1px;
60
60
  border-color: gray;
61
61
  border-radius: 0px;
62
62
  position: absolute;
63
- background: repeating-linear-gradient( -45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 100, 100, 0.1) 4px, rgba(100, 100, 100, 0.1) 8px );
63
+ background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 100, 100, 0.1) 4px, rgba(100, 100, 100, 0.1) 8px);
64
64
  }
65
65
 
66
- .layout_Grid > .resizing {
66
+ .layout_Grid>.resizing {
67
67
  border-style: solid;
68
68
  border-width: 1px;
69
69
  border-color: gray;
70
70
  background-color: orange;
71
71
  border-radius: 0px;
72
72
  position: absolute;
73
- opacity:0.3;
74
- background: repeating-linear-gradient( -45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, orange 4px, orange 8px );
73
+ opacity: 0.3;
74
+ background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, orange 4px, orange 8px);
75
75
  }
76
76
 
77
- .layout_Grid > .ddCell.draggable .common_Widget.selected {
77
+ .layout_Grid>.ddCell.draggable .common_Widget.selected {
78
78
  border-style: solid;
79
79
  border-width: 1px;
80
80
  border-color: red;
81
81
  background-color: gray;
82
82
  border-radius: 0px;
83
83
  position: absolute;
84
- background: repeating-linear-gradient( -45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 0, 0, 0.1) 4px, rgba(100, 0, 0, 0.1) 8px );
84
+ background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 0, 0, 0.1) 4px, rgba(100, 0, 0, 0.1) 8px);
85
85
  }
86
86
 
87
87
  .layout_Grid #drag-me::before {
88
88
  content: "#" attr(id);
89
89
  font-weight: bold;
90
- }
90
+ }
package/src/Layered.css CHANGED
@@ -1,10 +1,12 @@
1
- .layout_Layered {
1
+ .layout_Layered {
2
2
  pointer-events: none;
3
3
  }
4
- .layout_Layered > .container > .content {
4
+
5
+ .layout_Layered>.container>.content {
5
6
  position: absolute;
6
7
  }
7
- .layout_Layered > .container > .content > div > .common_Widget,
8
- .layout_Layered > .container > .content > div > svg > .common_Widget {
8
+
9
+ .layout_Layered>.container>.content>div>.common_Widget,
10
+ .layout_Layered>.container>.content>div>svg>.common_Widget {
9
11
  pointer-events: all;
10
- }
12
+ }
package/src/Modal.css CHANGED
@@ -1,41 +1,51 @@
1
1
  .layout_Modal-header {
2
- background-color: rgb(63,81,181);
2
+ background-color: rgb(63, 81, 181);
3
3
  overflow: hidden;
4
4
  }
5
+
5
6
  .layout_Modal-body {
6
7
  background-color: #ffffff;
7
8
  overflow-y: scroll;
8
9
  overflow-x: hidden;
9
10
  }
11
+
10
12
  .layout_Modal-title {
11
13
  position: absolute;
12
14
  }
15
+
13
16
  .layout_Modal-annotations {
14
17
  position: absolute;
15
18
  }
19
+
16
20
  .layout_Modal-closeButton {
17
21
  cursor: pointer;
18
22
  }
23
+
19
24
  .layout_Modal-closeButton:hover {
20
25
  opacity: 0.7;
21
26
  }
27
+
22
28
  .layout_Modal-closeButton:active {
23
29
  opacity: 0.5;
24
30
  }
31
+
25
32
  .layout_Modal-fade {
26
33
  position: fixed;
27
34
  background-color: #000;
28
35
  opacity: 0.5;
29
36
  z-index: 10000;
30
37
  }
38
+
31
39
  .layout_Modal-content {
32
40
  position: fixed;
33
41
  background-color: #ffffff;
34
42
  z-index: 10100;
35
43
  }
44
+
36
45
  .layout_Modal-fade-hidden {
37
46
  display: none;
38
47
  }
48
+
39
49
  .layout_Modal-fadeClickable {
40
50
  cursor: pointer;
41
51
  }