@ebscn/ui 1.0.3-beta.27 → 1.0.3-beta.29

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 (9) hide show
  1. package/cjs/components/list/list.css +0 -1
  2. package/cjs/components/picker/picker.css +3 -0
  3. package/cjs/components/picker-view/picker-view.css +7 -0
  4. package/cjs/components/popup/popup.css +4 -16
  5. package/es/components/list/list.css +0 -1
  6. package/es/components/picker/picker.css +3 -0
  7. package/es/components/picker-view/picker-view.css +7 -0
  8. package/es/components/popup/popup.css +4 -16
  9. package/package.json +1 -1
package/cjs/components/list/list.css CHANGED
@@ -26,7 +26,6 @@
26
26
  margin-top: -1px;
27
27
  }
28
28
  .ebscn-list-default .ebscn-list-body {
29
- border-top: var(--border-top);
30
29
  border-bottom: var(--border-bottom);
31
30
  }
32
31
  .ebscn-list-card {
package/cjs/components/picker/picker.css CHANGED
@@ -25,6 +25,7 @@
25
25
  padding: 4px 4px;
26
26
  }
27
27
  .ebscn-picker-header-button {
28
+ font-size: 14px;
28
29
  font-size: var(--header-button-font-size);
29
30
  display: inline-block;
30
31
  padding: 8px 8px;
@@ -36,7 +37,9 @@
36
37
  }
37
38
  .ebscn-picker-header-title {
38
39
  padding: 4px 4px;
40
+ font-size: 14px;
39
41
  font-size: var(--title-font-size);
42
+ color: #333;
40
43
  color: var(--ebscn-color-text);
41
44
  text-align: center;
42
45
  flex: 1;
package/cjs/components/picker-view/picker-view.css CHANGED
@@ -7,6 +7,7 @@
7
7
  display: flex;
8
8
  position: relative;
9
9
  overflow: hidden;
10
+ background: #fff;
10
11
  background: var(--ebscn-color-background);
11
12
  }
12
13
  .ebscn-picker-view-column {
@@ -23,6 +24,7 @@
23
24
  cursor: -webkit-grab;
24
25
  cursor: grab;
25
26
  position: absolute;
27
+ top: calc(50% - 16.5px);
26
28
  top: calc(50% - var(--item-height) / 2);
27
29
  left: 0;
28
30
  }
@@ -43,8 +45,10 @@
43
45
  bottom: -100vh;
44
46
  }
45
47
  .ebscn-picker-view-column-item {
48
+ font-size: 16px;
46
49
  font-size: var(--item-font-size);
47
50
  padding: 0 6px;
51
+ height: 240px;
48
52
  height: var(--item-height);
49
53
  display: flex;
50
54
  justify-content: center;
@@ -63,6 +67,7 @@
63
67
  display: flex;
64
68
  flex-direction: column;
65
69
  position: relative;
70
+ top: -33px;
66
71
  top: calc(var(--item-height) * -1);
67
72
  z-index: 0;
68
73
  padding-bottom: 1px;
@@ -96,6 +101,7 @@
96
101
  flex: auto;
97
102
  }
98
103
  .ebscn-picker-view-mask-middle {
104
+ height: 33px;
99
105
  height: var(--item-height);
100
106
  margin: 0 16px;
101
107
  box-sizing: border-box;
@@ -124,6 +130,7 @@
124
130
  position: relative;
125
131
  left: 0;
126
132
  top: 0;
133
+ height: 33px;
127
134
  height: var(--item-height);
128
135
  width: 0;
129
136
  pointer-events: none;
package/cjs/components/popup/popup.css CHANGED
@@ -12,42 +12,30 @@
12
12
  position: absolute;
13
13
  z-index: 100;
14
14
  }
15
+ .ebscn-popup-body .ebscn-popup-close-icon {
16
+ left: 16px;
17
+ top: 22.5px;
18
+ }
15
19
  .ebscn-popup-body-position-bottom {
16
20
  width: 100%;
17
21
  bottom: 0;
18
22
  left: 0;
19
23
  }
20
- .ebscn-popup-body-position-bottom .ebscn-popup-close-icon {
21
- left: 8px;
22
- top: 8px;
23
- }
24
24
  .ebscn-popup-body-position-top {
25
25
  width: 100%;
26
26
  top: 0;
27
27
  left: 0;
28
28
  }
29
- .ebscn-popup-body-position-top .ebscn-popup-close-icon {
30
- left: 8px;
31
- bottom: 8px;
32
- }
33
29
  .ebscn-popup-body-position-left {
34
30
  height: 100%;
35
31
  top: 0;
36
32
  left: 0;
37
33
  }
38
- .ebscn-popup-body-position-left .ebscn-popup-close-icon {
39
- left: 8px;
40
- top: 8px;
41
- }
42
34
  .ebscn-popup-body-position-right {
43
35
  height: 100%;
44
36
  top: 0;
45
37
  right: 0;
46
38
  }
47
- .ebscn-popup-body-position-right .ebscn-popup-close-icon {
48
- left: 8px;
49
- top: 8px;
50
- }
51
39
  .ebscn-popup-close-icon {
52
40
  cursor: pointer;
53
41
  padding: 4px;
package/es/components/list/list.css CHANGED
@@ -26,7 +26,6 @@
26
26
  margin-top: -1px;
27
27
  }
28
28
  .ebscn-list-default .ebscn-list-body {
29
- border-top: var(--border-top);
30
29
  border-bottom: var(--border-bottom);
31
30
  }
32
31
  .ebscn-list-card {
package/es/components/picker/picker.css CHANGED
@@ -25,6 +25,7 @@
25
25
  padding: 4px 4px;
26
26
  }
27
27
  .ebscn-picker-header-button {
28
+ font-size: 14px;
28
29
  font-size: var(--header-button-font-size);
29
30
  display: inline-block;
30
31
  padding: 8px 8px;
@@ -36,7 +37,9 @@
36
37
  }
37
38
  .ebscn-picker-header-title {
38
39
  padding: 4px 4px;
40
+ font-size: 14px;
39
41
  font-size: var(--title-font-size);
42
+ color: #333;
40
43
  color: var(--ebscn-color-text);
41
44
  text-align: center;
42
45
  flex: 1;
package/es/components/picker-view/picker-view.css CHANGED
@@ -7,6 +7,7 @@
7
7
  display: flex;
8
8
  position: relative;
9
9
  overflow: hidden;
10
+ background: #fff;
10
11
  background: var(--ebscn-color-background);
11
12
  }
12
13
  .ebscn-picker-view-column {
@@ -23,6 +24,7 @@
23
24
  cursor: -webkit-grab;
24
25
  cursor: grab;
25
26
  position: absolute;
27
+ top: calc(50% - 16.5px);
26
28
  top: calc(50% - var(--item-height) / 2);
27
29
  left: 0;
28
30
  }
@@ -43,8 +45,10 @@
43
45
  bottom: -100vh;
44
46
  }
45
47
  .ebscn-picker-view-column-item {
48
+ font-size: 16px;
46
49
  font-size: var(--item-font-size);
47
50
  padding: 0 6px;
51
+ height: 240px;
48
52
  height: var(--item-height);
49
53
  display: flex;
50
54
  justify-content: center;
@@ -63,6 +67,7 @@
63
67
  display: flex;
64
68
  flex-direction: column;
65
69
  position: relative;
70
+ top: -33px;
66
71
  top: calc(var(--item-height) * -1);
67
72
  z-index: 0;
68
73
  padding-bottom: 1px;
@@ -96,6 +101,7 @@
96
101
  flex: auto;
97
102
  }
98
103
  .ebscn-picker-view-mask-middle {
104
+ height: 33px;
99
105
  height: var(--item-height);
100
106
  margin: 0 16px;
101
107
  box-sizing: border-box;
@@ -124,6 +130,7 @@
124
130
  position: relative;
125
131
  left: 0;
126
132
  top: 0;
133
+ height: 33px;
127
134
  height: var(--item-height);
128
135
  width: 0;
129
136
  pointer-events: none;
package/es/components/popup/popup.css CHANGED
@@ -12,42 +12,30 @@
12
12
  position: absolute;
13
13
  z-index: 100;
14
14
  }
15
+ .ebscn-popup-body .ebscn-popup-close-icon {
16
+ left: 16px;
17
+ top: 22.5px;
18
+ }
15
19
  .ebscn-popup-body-position-bottom {
16
20
  width: 100%;
17
21
  bottom: 0;
18
22
  left: 0;
19
23
  }
20
- .ebscn-popup-body-position-bottom .ebscn-popup-close-icon {
21
- left: 8px;
22
- top: 8px;
23
- }
24
24
  .ebscn-popup-body-position-top {
25
25
  width: 100%;
26
26
  top: 0;
27
27
  left: 0;
28
28
  }
29
- .ebscn-popup-body-position-top .ebscn-popup-close-icon {
30
- left: 8px;
31
- bottom: 8px;
32
- }
33
29
  .ebscn-popup-body-position-left {
34
30
  height: 100%;
35
31
  top: 0;
36
32
  left: 0;
37
33
  }
38
- .ebscn-popup-body-position-left .ebscn-popup-close-icon {
39
- left: 8px;
40
- top: 8px;
41
- }
42
34
  .ebscn-popup-body-position-right {
43
35
  height: 100%;
44
36
  top: 0;
45
37
  right: 0;
46
38
  }
47
- .ebscn-popup-body-position-right .ebscn-popup-close-icon {
48
- left: 8px;
49
- top: 8px;
50
- }
51
39
  .ebscn-popup-close-icon {
52
40
  cursor: pointer;
53
41
  padding: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebscn/ui",
3
- "version": "1.0.3-beta.27",
3
+ "version": "1.0.3-beta.29",
4
4
  "description": "ebscn react library",
5
5
  "module": "./es/index.js",
6
6
  "types": "./es/index.d.ts",