@pisell/materials 1.0.338 → 1.0.340

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.
@@ -1,47 +1,37 @@
1
1
  @pisell-prefix: pisell-lowcode;
2
- .pisell-lowcode-drag-sort-tree{
3
- background: red;
4
- }
5
2
 
6
3
  .@{pisell-prefix} {
7
- &-drag-sort-tree-item{
8
- color: red!important;
9
- background: red;
10
- }
11
- &-drag-sort-tree-title{
12
- color: red!important;
13
- }
14
- &-drag-sort-tree {
15
- // .draggable-title {
16
- // border: none;
17
- // padding: 0;
18
- // }
19
- .materials-grid-paginator-mini {
20
- border: none;
21
- }
4
+ &-drag-sort-tree{
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: space-between;
8
+ font-size: 16px;
9
+ padding: 6px;
10
+ cursor: pointer;
11
+ touch-action: none !important;
22
12
  }
23
13
 
24
- &-detail-modal-wrap {
25
- position: fixed;
26
- width: 100vw;
27
- height: 100vh;
28
- top: 0;
29
- left: 0;
30
- background-color: #fff;
31
- z-index: 1000;
14
+ &-drag-sort-tree:hover {
15
+ background: rgb(237, 238, 238);
32
16
  }
33
- &-modal-header {
34
- padding: 12px 20px;
35
- position: relative;
36
- z-index: 2;
17
+
18
+ &-drag-sort-tree-item {
19
+ display: flex;
20
+ align-items: center;
37
21
  }
38
- &-close-icon {
39
- font-size: 18px;
40
- position: absolute;
41
- top: 12px;
42
- right: 20px;
22
+
23
+ &-drag-sort-tree &-drag-sort-tree-title {
24
+ margin-left: 10px;
43
25
  }
44
- &-scroll-skeleton {
45
- padding: 12px 24px;
26
+
27
+ &-drag-sort-tree-icon,
28
+ &-drag-sort-tree-item-icon {
29
+ height: 30px;
30
+ width: 30px;
31
+ display: flex;
32
+ align-items: center;
33
+ justify-content: center;
46
34
  }
47
35
  }
36
+
37
+
@@ -1,47 +1,37 @@
1
1
  @pisell-prefix: pisell-lowcode;
2
- .pisell-lowcode-drag-sort-tree{
3
- background: red;
4
- }
5
2
 
6
3
  .@{pisell-prefix} {
7
- &-drag-sort-tree-item{
8
- color: red!important;
9
- background: red;
10
- }
11
- &-drag-sort-tree-title{
12
- color: red!important;
13
- }
14
- &-drag-sort-tree {
15
- // .draggable-title {
16
- // border: none;
17
- // padding: 0;
18
- // }
19
- .materials-grid-paginator-mini {
20
- border: none;
21
- }
4
+ &-drag-sort-tree{
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: space-between;
8
+ font-size: 16px;
9
+ padding: 6px;
10
+ cursor: pointer;
11
+ touch-action: none !important;
22
12
  }
23
13
 
24
- &-detail-modal-wrap {
25
- position: fixed;
26
- width: 100vw;
27
- height: 100vh;
28
- top: 0;
29
- left: 0;
30
- background-color: #fff;
31
- z-index: 1000;
14
+ &-drag-sort-tree:hover {
15
+ background: rgb(237, 238, 238);
32
16
  }
33
- &-modal-header {
34
- padding: 12px 20px;
35
- position: relative;
36
- z-index: 2;
17
+
18
+ &-drag-sort-tree-item {
19
+ display: flex;
20
+ align-items: center;
37
21
  }
38
- &-close-icon {
39
- font-size: 18px;
40
- position: absolute;
41
- top: 12px;
42
- right: 20px;
22
+
23
+ &-drag-sort-tree &-drag-sort-tree-title {
24
+ margin-left: 10px;
43
25
  }
44
- &-scroll-skeleton {
45
- padding: 12px 24px;
26
+
27
+ &-drag-sort-tree-icon,
28
+ &-drag-sort-tree-item-icon {
29
+ height: 30px;
30
+ width: 30px;
31
+ display: flex;
32
+ align-items: center;
33
+ justify-content: center;
46
34
  }
47
35
  }
36
+
37
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.338",
3
+ "version": "1.0.340",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -63,8 +63,8 @@
63
63
  "react-virtualized-auto-sizer": "^1.0.20",
64
64
  "crypto-js": "^4.2.0",
65
65
  "@pisell/utils": "1.0.27",
66
- "@pisell/date-picker": "1.0.82",
67
- "@pisell/icon": "0.0.10"
66
+ "@pisell/icon": "0.0.10",
67
+ "@pisell/date-picker": "1.0.82"
68
68
  },
69
69
  "peerDependencies": {
70
70
  "react": "^18.0.0",