tntd 3.0.0-beta.22 → 3.0.0-beta.23

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/drawer/index.less +5 -2
  2. package/es/table/table.less +1 -0
  3. package/es/tabs/tabs.less +52 -54
  4. package/lib/drawer/index.less +5 -2
  5. package/lib/table/table.less +1 -0
  6. package/lib/tabs/tabs.less +52 -54
  7. package/package.json +1 -1
package/es/drawer/index.less CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  &-footer {
27
27
  .@{drawer-prefix-cls}-header {
28
- border-bottom: none;
28
+ // border-bottom: none;
29
29
  position: absolute;
30
30
  right: 0;
31
31
  top: 0;
@@ -119,12 +119,13 @@
119
119
 
120
120
  .@{drawer-prefix-cls}-header {
121
121
  padding: 13px 24px;
122
- border-bottom: none;
123
122
  position: absolute;
124
123
  right: 0;
125
124
  top: 0;
126
125
  width: 100%;
127
126
  background: #fff;
127
+ border-bottom: 1px solid #E9EDF3;
128
+
128
129
  }
129
130
 
130
131
  .@{drawer-prefix-cls}-body {
@@ -141,6 +142,8 @@
141
142
  padding: 8px 24px;
142
143
  background: #fff;
143
144
  text-align: right;
145
+ border-top: 1px solid #E9EDF3;
146
+
144
147
  .@{ant-prefix}-btn {
145
148
  margin-left: 15px;
146
149
  }
package/es/table/table.less CHANGED
@@ -87,6 +87,7 @@
87
87
  padding-top: @table-padding-horizontal;
88
88
  padding-bottom: @table-padding-horizontal;
89
89
  border-bottom: 0;
90
+ border-top: 0;
90
91
  }
91
92
 
92
93
  // customize the loading of table
package/es/tabs/tabs.less CHANGED
@@ -7,65 +7,63 @@
7
7
  left: -12px;
8
8
  padding-bottom: 20px;
9
9
 
10
- .@{tab-prefix-cls}-tab {
11
- display: inline-block;
12
- vertical-align: bottom;
13
- position: relative;
14
- min-width: 106px;
15
- height: 40px;
16
- line-height: 40px;
17
- border-top-left-radius: @border-radius-lg;
18
- filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
19
- box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
20
- border: none;
21
- margin: 0px 30px 0px 0px;
22
- padding: 0px 12px 0 48px;
23
- background: @fill-color-quaternary;
24
- text-align: right;
25
- color: @text-color-secondary;
26
-
27
- &::after {
28
- content: '';
29
- position: absolute;
30
- top: 0;
31
- right: -52px;
32
- height: 100%;
33
- width: 64px;
34
- z-index: 1;
35
- background: inherit;
36
- clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
37
- }
38
- }
39
-
40
- .@{tab-prefix-cls}-nav {
41
- margin-top: 12px;
42
- padding-left: 12px;
43
- }
44
-
45
- .@{tab-prefix-cls}-nav-container {
46
- height: auto;
47
- position: relative;
48
- left: -12px;
49
- }
50
-
51
- .@{tab-prefix-cls}-bar.@{tab-prefix-cls}-top-bar.@{tab-prefix-cls}-card-bar {
10
+ > .@{tab-prefix-cls}-top-bar {
52
11
  border-bottom: none;
53
12
  margin-bottom: 0;
54
- }
13
+ .@{tab-prefix-cls}-tab {
14
+ display: inline-block;
15
+ vertical-align: bottom;
16
+ position: relative;
17
+ min-width: 106px;
18
+ height: 40px;
19
+ line-height: 40px;
20
+ border-top-left-radius: @border-radius-lg;
21
+ filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
22
+ box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
23
+ border: none;
24
+ margin: 0px 30px 0px 0px;
25
+ padding: 0px 12px 0 48px;
26
+ background: @fill-color-quaternary;
27
+ text-align: right;
28
+ color: @text-color-secondary;
55
29
 
56
- // 鼠标选中时，active状态在上层
57
- .@{tab-prefix-cls}-tab-active {
58
- z-index: 3;
59
- background: @tabs-active-background;
30
+ &::after {
31
+ content: '';
32
+ position: absolute;
33
+ top: 0;
34
+ right: -52px;
35
+ height: 100%;
36
+ width: 64px;
37
+ z-index: 1;
38
+ background: inherit;
39
+ clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
40
+ }
41
+ }
42
+ .@{tab-prefix-cls}-nav {
43
+ margin-top: 12px;
44
+ padding-left: 12px;
45
+ }
46
+ .@{tab-prefix-cls}-nav-container {
47
+ height: auto;
48
+ position: relative;
49
+ left: -12px;
50
+ }
51
+ // 鼠标选中时，active状态在上层
52
+ .@{tab-prefix-cls}-tab-active {
53
+ z-index: 3;
54
+ background: @tabs-active-background;
55
+ }
60
56
  }
61
57
 
62
- .@{tab-prefix-cls}-tabpane {
63
- background: @white;
64
- box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
65
- padding: 20px 12px 12px;
66
- border-bottom-right-radius: @border-radius-lg;
67
- border-bottom-left-radius: @border-radius-lg;
68
- border-top-right-radius: @border-radius-lg;
58
+ & > .@{tab-prefix-cls}-content {
59
+ & > .@{tab-prefix-cls}-tabpane {
60
+ background: @white;
61
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
62
+ padding: 20px 12px 12px;
63
+ border-bottom-right-radius: @border-radius-lg;
64
+ border-bottom-left-radius: @border-radius-lg;
65
+ border-top-right-radius: @border-radius-lg;
66
+ }
69
67
  }
70
68
  }
71
69
 
package/lib/drawer/index.less CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  &-footer {
27
27
  .@{drawer-prefix-cls}-header {
28
- border-bottom: none;
28
+ // border-bottom: none;
29
29
  position: absolute;
30
30
  right: 0;
31
31
  top: 0;
@@ -119,12 +119,13 @@
119
119
 
120
120
  .@{drawer-prefix-cls}-header {
121
121
  padding: 13px 24px;
122
- border-bottom: none;
123
122
  position: absolute;
124
123
  right: 0;
125
124
  top: 0;
126
125
  width: 100%;
127
126
  background: #fff;
127
+ border-bottom: 1px solid #E9EDF3;
128
+
128
129
  }
129
130
 
130
131
  .@{drawer-prefix-cls}-body {
@@ -141,6 +142,8 @@
141
142
  padding: 8px 24px;
142
143
  background: #fff;
143
144
  text-align: right;
145
+ border-top: 1px solid #E9EDF3;
146
+
144
147
  .@{ant-prefix}-btn {
145
148
  margin-left: 15px;
146
149
  }
package/lib/table/table.less CHANGED
@@ -87,6 +87,7 @@
87
87
  padding-top: @table-padding-horizontal;
88
88
  padding-bottom: @table-padding-horizontal;
89
89
  border-bottom: 0;
90
+ border-top: 0;
90
91
  }
91
92
 
92
93
  // customize the loading of table
package/lib/tabs/tabs.less CHANGED
@@ -7,65 +7,63 @@
7
7
  left: -12px;
8
8
  padding-bottom: 20px;
9
9
 
10
- .@{tab-prefix-cls}-tab {
11
- display: inline-block;
12
- vertical-align: bottom;
13
- position: relative;
14
- min-width: 106px;
15
- height: 40px;
16
- line-height: 40px;
17
- border-top-left-radius: @border-radius-lg;
18
- filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
19
- box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
20
- border: none;
21
- margin: 0px 30px 0px 0px;
22
- padding: 0px 12px 0 48px;
23
- background: @fill-color-quaternary;
24
- text-align: right;
25
- color: @text-color-secondary;
26
-
27
- &::after {
28
- content: '';
29
- position: absolute;
30
- top: 0;
31
- right: -52px;
32
- height: 100%;
33
- width: 64px;
34
- z-index: 1;
35
- background: inherit;
36
- clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
37
- }
38
- }
39
-
40
- .@{tab-prefix-cls}-nav {
41
- margin-top: 12px;
42
- padding-left: 12px;
43
- }
44
-
45
- .@{tab-prefix-cls}-nav-container {
46
- height: auto;
47
- position: relative;
48
- left: -12px;
49
- }
50
-
51
- .@{tab-prefix-cls}-bar.@{tab-prefix-cls}-top-bar.@{tab-prefix-cls}-card-bar {
10
+ > .@{tab-prefix-cls}-top-bar {
52
11
  border-bottom: none;
53
12
  margin-bottom: 0;
54
- }
13
+ .@{tab-prefix-cls}-tab {
14
+ display: inline-block;
15
+ vertical-align: bottom;
16
+ position: relative;
17
+ min-width: 106px;
18
+ height: 40px;
19
+ line-height: 40px;
20
+ border-top-left-radius: @border-radius-lg;
21
+ filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
22
+ box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
23
+ border: none;
24
+ margin: 0px 30px 0px 0px;
25
+ padding: 0px 12px 0 48px;
26
+ background: @fill-color-quaternary;
27
+ text-align: right;
28
+ color: @text-color-secondary;
55
29
 
56
- // 鼠标选中时，active状态在上层
57
- .@{tab-prefix-cls}-tab-active {
58
- z-index: 3;
59
- background: @tabs-active-background;
30
+ &::after {
31
+ content: '';
32
+ position: absolute;
33
+ top: 0;
34
+ right: -52px;
35
+ height: 100%;
36
+ width: 64px;
37
+ z-index: 1;
38
+ background: inherit;
39
+ clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
40
+ }
41
+ }
42
+ .@{tab-prefix-cls}-nav {
43
+ margin-top: 12px;
44
+ padding-left: 12px;
45
+ }
46
+ .@{tab-prefix-cls}-nav-container {
47
+ height: auto;
48
+ position: relative;
49
+ left: -12px;
50
+ }
51
+ // 鼠标选中时，active状态在上层
52
+ .@{tab-prefix-cls}-tab-active {
53
+ z-index: 3;
54
+ background: @tabs-active-background;
55
+ }
60
56
  }
61
57
 
62
- .@{tab-prefix-cls}-tabpane {
63
- background: @white;
64
- box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
65
- padding: 20px 12px 12px;
66
- border-bottom-right-radius: @border-radius-lg;
67
- border-bottom-left-radius: @border-radius-lg;
68
- border-top-right-radius: @border-radius-lg;
58
+ & > .@{tab-prefix-cls}-content {
59
+ & > .@{tab-prefix-cls}-tabpane {
60
+ background: @white;
61
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
62
+ padding: 20px 12px 12px;
63
+ border-bottom-right-radius: @border-radius-lg;
64
+ border-bottom-left-radius: @border-radius-lg;
65
+ border-top-right-radius: @border-radius-lg;
66
+ }
69
67
  }
70
68
  }
71
69
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tntd",
3
- "version": "3.0.0-beta.22",
3
+ "version": "3.0.0-beta.23",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "start": "heft start --storybook",