@fileverse-dev/fortune-react 1.2.96 → 1.2.97

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 (7) hide show
  1. package/es/components/NotationBoxes/index.js +2 -2
  2. package/es/components/Toolbar/index.css +7 -8
  3. package/es/components/Toolbar/index.js +2 -2
  4. package/lib/components/NotationBoxes/index.js +2 -2
  5. package/lib/components/Toolbar/index.css +7 -8
  6. package/lib/components/Toolbar/index.js +2 -2
  7. package/package.json +2 -2
package/es/components/NotationBoxes/index.js CHANGED
@@ -74,7 +74,7 @@ var NotationBoxes = function NotationBoxes() {
74
74
  position: "absolute",
75
75
  left: size.left,
76
76
  top: size.top,
77
- zIndex: 100,
77
+ zIndex: 400,
78
78
  pointerEvents: "none"
79
79
  }
80
80
  }), /*#__PURE__*/React.createElement("div", {
@@ -83,7 +83,7 @@ var NotationBoxes = function NotationBoxes() {
83
83
  position: "absolute",
84
84
  left: left,
85
85
  top: top,
86
- zIndex: isEditing ? 200 : 100,
86
+ zIndex: isEditing ? 500 : 400,
87
87
  boxShadow: "0 1px 1px #0000002e,0 4px 8px #0000001a"
88
88
  },
89
89
  onMouseDown: function onMouseDown(e) {
package/es/components/Toolbar/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  /* background: #fafafc; */
5
5
  position: relative;
6
6
  padding: 4px 8px;
7
- border-bottom: 1px solid #E8EBEC;
7
+ border-bottom: 1px solid #e8ebec;
8
8
  white-space: nowrap;
9
9
  align-items: center;
10
10
  gap: 4px;
@@ -12,13 +12,13 @@
12
12
  }
13
13
 
14
14
  .scrollbar-hidden {
15
- overflow: auto; /* enables scrolling */
16
- -ms-overflow-style: none; /* IE and Edge */
17
- scrollbar-width: none; /* Firefox */
15
+ overflow: auto; /* enables scrolling */
16
+ -ms-overflow-style: none; /* IE and Edge */
17
+ scrollbar-width: none; /* Firefox */
18
18
  }
19
19
 
20
20
  .scrollbar-hidden::-webkit-scrollbar {
21
- display: none; /* Chrome, Safari, Opera */
21
+ display: none; /* Chrome, Safari, Opera */
22
22
  }
23
23
 
24
24
  .fortune-toolbar-divider {
@@ -164,7 +164,6 @@
164
164
  height: 32px;
165
165
  display: flex;
166
166
  align-items: center;
167
-
168
167
  }
169
168
 
170
169
  .fortune-toolbar-select-option:hover {
@@ -237,7 +236,7 @@
237
236
  align-items: center;
238
237
  align-self: flex-end;
239
238
  top: 40px;
240
- right: 32px;
239
+ right: 80px;
241
240
  max-width: 348px;
242
241
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
243
242
  background: white;
@@ -438,4 +437,4 @@
438
437
  border: 1px solid hsl(var(--color-border-default));
439
438
  border-radius: 8px;
440
439
  margin: 8px 8px 0px 8px;
441
- }
440
+ }
package/es/components/Toolbar/index.js CHANGED
@@ -475,7 +475,7 @@ var Toolbar = function Toolbar(_a) {
475
475
  var _j = useState(false),
476
476
  showDuneModal = _j[0],
477
477
  setShowDuneModal = _j[1];
478
- var _k = useState(window.innerWidth >= 1280),
478
+ var _k = useState(window.innerWidth >= 1480),
479
479
  isDesktop = _k[0],
480
480
  setIsDesktop = _k[1];
481
481
  var _l = useDialog(),
@@ -543,7 +543,7 @@ var Toolbar = function Toolbar(_a) {
543
543
  }, []);
544
544
  useEffect(function () {
545
545
  var handleResize = function handleResize() {
546
- setIsDesktop(window.innerWidth >= 1280);
546
+ setIsDesktop(window.innerWidth >= 1480);
547
547
  };
548
548
  window.addEventListener("resize", handleResize);
549
549
  return function () {
package/lib/components/NotationBoxes/index.js CHANGED
@@ -83,7 +83,7 @@ var NotationBoxes = function NotationBoxes() {
83
83
  position: "absolute",
84
84
  left: size.left,
85
85
  top: size.top,
86
- zIndex: 100,
86
+ zIndex: 400,
87
87
  pointerEvents: "none"
88
88
  }
89
89
  }), /*#__PURE__*/_react.default.createElement("div", {
@@ -92,7 +92,7 @@ var NotationBoxes = function NotationBoxes() {
92
92
  position: "absolute",
93
93
  left: left,
94
94
  top: top,
95
- zIndex: isEditing ? 200 : 100,
95
+ zIndex: isEditing ? 500 : 400,
96
96
  boxShadow: "0 1px 1px #0000002e,0 4px 8px #0000001a"
97
97
  },
98
98
  onMouseDown: function onMouseDown(e) {
package/lib/components/Toolbar/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  /* background: #fafafc; */
5
5
  position: relative;
6
6
  padding: 4px 8px;
7
- border-bottom: 1px solid #E8EBEC;
7
+ border-bottom: 1px solid #e8ebec;
8
8
  white-space: nowrap;
9
9
  align-items: center;
10
10
  gap: 4px;
@@ -12,13 +12,13 @@
12
12
  }
13
13
 
14
14
  .scrollbar-hidden {
15
- overflow: auto; /* enables scrolling */
16
- -ms-overflow-style: none; /* IE and Edge */
17
- scrollbar-width: none; /* Firefox */
15
+ overflow: auto; /* enables scrolling */
16
+ -ms-overflow-style: none; /* IE and Edge */
17
+ scrollbar-width: none; /* Firefox */
18
18
  }
19
19
 
20
20
  .scrollbar-hidden::-webkit-scrollbar {
21
- display: none; /* Chrome, Safari, Opera */
21
+ display: none; /* Chrome, Safari, Opera */
22
22
  }
23
23
 
24
24
  .fortune-toolbar-divider {
@@ -164,7 +164,6 @@
164
164
  height: 32px;
165
165
  display: flex;
166
166
  align-items: center;
167
-
168
167
  }
169
168
 
170
169
  .fortune-toolbar-select-option:hover {
@@ -237,7 +236,7 @@
237
236
  align-items: center;
238
237
  align-self: flex-end;
239
238
  top: 40px;
240
- right: 32px;
239
+ right: 80px;
241
240
  max-width: 348px;
242
241
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
243
242
  background: white;
@@ -438,4 +437,4 @@
438
437
  border: 1px solid hsl(var(--color-border-default));
439
438
  border-radius: 8px;
440
439
  margin: 8px 8px 0px 8px;
441
- }
440
+ }
package/lib/components/Toolbar/index.js CHANGED
@@ -484,7 +484,7 @@ var Toolbar = function Toolbar(_a) {
484
484
  var _j = (0, _react.useState)(false),
485
485
  showDuneModal = _j[0],
486
486
  setShowDuneModal = _j[1];
487
- var _k = (0, _react.useState)(window.innerWidth >= 1280),
487
+ var _k = (0, _react.useState)(window.innerWidth >= 1480),
488
488
  isDesktop = _k[0],
489
489
  setIsDesktop = _k[1];
490
490
  var _l = (0, _useDialog.useDialog)(),
@@ -552,7 +552,7 @@ var Toolbar = function Toolbar(_a) {
552
552
  }, []);
553
553
  (0, _react.useEffect)(function () {
554
554
  var handleResize = function handleResize() {
555
- setIsDesktop(window.innerWidth >= 1280);
555
+ setIsDesktop(window.innerWidth >= 1480);
556
556
  };
557
557
  window.addEventListener("resize", handleResize);
558
558
  return function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.2.96",
3
+ "version": "1.2.97",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "module": "es/index.js",
@@ -16,7 +16,7 @@
16
16
  "tsc": "tsc"
17
17
  },
18
18
  "dependencies": {
19
- "@fileverse-dev/fortune-core": "1.2.96",
19
+ "@fileverse-dev/fortune-core": "1.2.97",
20
20
  "@fileverse/ui": "5.0.0",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",