@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/src/Surface.css CHANGED
@@ -2,41 +2,48 @@
2
2
  box-sizing: border-box;
3
3
  margin: 0px;
4
4
  border: 1px solid #e5e5e5;
5
- overflow:hidden;
5
+ overflow: hidden;
6
6
  height: 100%;
7
7
  width: 100%;
8
8
  }
9
9
 
10
10
  .layout_Surface.shadow2 {
11
- box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
11
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
12
12
  }
13
13
 
14
- .layout_Surface > h3 {
14
+ .layout_Surface>h3 {
15
15
  margin: 0px;
16
16
  padding: 2px;
17
17
  background-color: #e5e5e5;
18
18
  }
19
+
19
20
  .layout_Surface .html-button-container {
20
21
  position: absolute;
21
22
  right: 0px;
22
- top:3px;
23
+ top: 3px;
23
24
  }
24
25
 
25
- .layout_Surface > div {
26
+ .layout_Surface>div {
26
27
  padding: 8px;
27
28
  }
28
29
 
29
30
  .layout_Surface .html-button-container .surface-button {
30
31
  margin-right: 5px;
31
32
  }
33
+
32
34
  .layout_Surface .html-button-container .surface-button i {
33
35
  opacity: 0.8;
34
36
  }
35
37
 
36
- .layout_Surface .html-button-container .surface-button:hover { opacity: 1; }
37
- .layout_Surface .html-button-container .surface-button:active { opacity: 0.5; }
38
+ .layout_Surface .html-button-container .surface-button:hover {
39
+ opacity: 1;
40
+ }
41
+
42
+ .layout_Surface .html-button-container .surface-button:active {
43
+ opacity: 0.5;
44
+ }
38
45
 
39
- div[draggable=true].hideDragCellContent.content-icon:before{
46
+ div[draggable=true].hideDragCellContent.content-icon:before {
40
47
  content: "\f080";
41
48
  font-family: FontAwesome;
42
49
  position: absolute;
@@ -44,46 +51,55 @@ div[draggable=true].hideDragCellContent.content-icon:before{
44
51
  left: calc(50% - 56px);
45
52
  font-size: 100px;
46
53
  }
47
- div[draggable=true].hideDragCellContent.content-icon-Line:before{
48
- content:"\f201";
54
+
55
+ div[draggable=true].hideDragCellContent.content-icon-Line:before {
56
+ content: "\f201";
49
57
  }
50
- div[draggable=true].hideDragCellContent.content-icon-Pie:before{
58
+
59
+ div[draggable=true].hideDragCellContent.content-icon-Pie:before {
51
60
  top: calc(50% - 72px);
52
61
  left: calc(50% - 45px);
53
- content:"\f200";
62
+ content: "\f200";
54
63
  }
55
- div[draggable=true].hideDragCellContent.content-icon-Area:before{
56
- content:"\f1fe";
64
+
65
+ div[draggable=true].hideDragCellContent.content-icon-Area:before {
66
+ content: "\f1fe";
57
67
  }
58
- div[draggable=true].hideDragCellContent.content-icon-Gauge:before{
59
- content:"\f0e4";
68
+
69
+ div[draggable=true].hideDragCellContent.content-icon-Gauge:before {
70
+ content: "\f0e4";
60
71
  }
61
- div[draggable=true].hideDragCellContent.content-icon-Table:before{
62
- content:"\f0ce";
72
+
73
+ div[draggable=true].hideDragCellContent.content-icon-Table:before {
74
+ content: "\f0ce";
63
75
  }
64
- div[draggable=true].hideDragCellContent.content-icon-Form:before{
65
- content:"\f11c";
76
+
77
+ div[draggable=true].hideDragCellContent.content-icon-Form:before {
78
+ content: "\f11c";
66
79
  }
80
+
67
81
  div[draggable=true].hideDragCellContent.content-icon-Grid:before,
68
82
  div[draggable=true].hideDragCellContent.content-icon-Graph:before,
69
83
  div[draggable=true].hideDragCellContent.content-icon-Border:before,
70
84
  div[draggable=true].hideDragCellContent.content-icon-Tabbed:before,
71
85
  div[draggable=true].hideDragCellContent.content-icon-Accordion:before,
72
86
  div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,
73
- div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{
74
- content:"\f247";
87
+ div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before {
88
+ content: "\f247";
75
89
  }
90
+
76
91
  div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,
77
92
  div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,
78
93
  div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,
79
94
  div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,
80
95
  div[draggable=true].hideDragCellContent.content-icon-GMap:before,
81
96
  div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,
82
- div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before{
83
- content:"\f278";
97
+ div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before {
98
+ content: "\f278";
84
99
  }
100
+
85
101
  div[draggable=true].hideDragCellContent.content-icon-Text:before,
86
102
  div[draggable=true].hideDragCellContent.content-icon-TextBox:before,
87
- div[draggable=true].hideDragCellContent.content-icon-FAChar:before{
88
- content:"\f278";
89
- }
103
+ div[draggable=true].hideDragCellContent.content-icon-FAChar:before {
104
+ content: "\f278";
105
+ }
package/src/Tabbed.css CHANGED
@@ -14,8 +14,9 @@
14
14
 
15
15
  .layout_Tabbed .tab-button.active {
16
16
  background-color: white;
17
- z-index:999;
17
+ z-index: 999;
18
18
  }
19
+
19
20
  .layout_Tabbed .on_bottom .tab-button {
20
21
  border-bottom: 1px solid #ddd;
21
22
  border-top: none;
package/src/Toolbar.css CHANGED
@@ -1,9 +1,10 @@
1
1
  .layout_Toolbar {
2
- height:100%;
3
- background-color:#dddddd;
2
+ height: 100%;
3
+ background-color: #dddddd;
4
4
  white-space: nowrap;
5
5
  overflow: hidden;
6
6
  }
7
+
7
8
  .layout_Toolbar .toolbar-title {
8
9
  display: inline-block;
9
10
  position: relative;
@@ -11,22 +12,23 @@
11
12
  transform: translateY(-50%);
12
13
  -ms-transform: translateY(-50%);
13
14
 
14
- margin-left:4px;
15
- font-weight:bold;
15
+ margin-left: 4px;
16
+ font-weight: bold;
16
17
  text-overflow: ellipsis;
17
18
  white-space: nowrap;
18
19
  overflow: hidden;
19
20
  }
20
- .layout_Toolbar .toolbar-title span {
21
- }
21
+
22
+ .layout_Toolbar .toolbar-title span {}
23
+
22
24
  .layout_Toolbar .toolbar-child {
23
25
  position: relative;
24
26
  top: 50%;
25
27
  transform: translateY(-50%);
26
28
  -ms-transform: translateY(-50%);
27
29
 
28
- float:right;
29
- margin-left:4px;
30
- margin-right:4px;
31
- line-height:16px;
32
- }
30
+ float: right;
31
+ margin-left: 4px;
32
+ margin-right: 4px;
33
+ line-height: 16px;
34
+ }