schyma 1.1.2 → 1.2.0

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.
@@ -7,6 +7,14 @@
7
7
  height: 100vh;
8
8
  }
9
9
 
10
+ .panel-wrapper,
11
+ .panel-wrapper-collapsed {
12
+ position: absolute;
13
+ inset: 0;
14
+ pointer-events: none;
15
+ z-index: 10;
16
+ }
17
+
10
18
  .node-container{
11
19
  width: 100%;
12
20
  height: 100%;
@@ -15,17 +23,18 @@
15
23
  }
16
24
 
17
25
  .panel{
18
- position: fixed;
26
+ position: absolute;
19
27
  top: 0;
20
28
  right: 0;
21
29
  width: 45%;
22
- height: 100vh;
30
+ height: 100%;
23
31
  padding: 6px;
24
32
  background: white;
25
33
  border-left: 1px solid #334155;
26
34
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
27
35
  z-index: 10;
28
36
  transition: transform 0.2s ease-in-out;
37
+ pointer-events: auto;
29
38
  }
30
39
 
31
40
  .panel-content {
@@ -691,7 +700,7 @@
691
700
  }
692
701
 
693
702
  .panel-toggle-btn {
694
- position: fixed;
703
+ position: absolute;
695
704
  top: 10px;
696
705
  right: calc(45% + 8px);
697
706
  width: 40px;
@@ -707,6 +716,7 @@
707
716
  transition: background 0.2s ease, color 0.2s ease;
708
717
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
709
718
  z-index: 11;
719
+ pointer-events: auto;
710
720
  }
711
721
 
712
722
  .panel-toggle-btn:hover {
@@ -7,6 +7,14 @@
7
7
  height: 100vh;
8
8
  }
9
9
 
10
+ .panel-wrapper,
11
+ .panel-wrapper-collapsed {
12
+ position: absolute;
13
+ inset: 0;
14
+ pointer-events: none;
15
+ z-index: 10;
16
+ }
17
+
10
18
  .node-container{
11
19
  width: 100%;
12
20
  height: 100%;
@@ -15,17 +23,18 @@
15
23
  }
16
24
 
17
25
  .panel{
18
- position: fixed;
26
+ position: absolute;
19
27
  top: 0;
20
28
  right: 0;
21
29
  width: 45%;
22
- height: 100vh;
30
+ height: 100%;
23
31
  padding: 6px;
24
32
  background: white;
25
33
  border-left: 1px solid #334155;
26
34
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
27
35
  z-index: 10;
28
36
  transition: transform 0.2s ease-in-out;
37
+ pointer-events: auto;
29
38
  }
30
39
 
31
40
  .panel-content {
@@ -691,7 +700,7 @@
691
700
  }
692
701
 
693
702
  .panel-toggle-btn {
694
- position: fixed;
703
+ position: absolute;
695
704
  top: 10px;
696
705
  right: calc(45% + 8px);
697
706
  width: 40px;
@@ -707,6 +716,7 @@
707
716
  transition: background 0.2s ease, color 0.2s ease;
708
717
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
709
718
  z-index: 11;
719
+ pointer-events: auto;
710
720
  }
711
721
 
712
722
  .panel-toggle-btn:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "schyma",
3
- "version": "1.1.2",
3
+ "version": "1.2.0",
4
4
  "description": "JSON Schemas Visualizer React component",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",