@zkwq/business 0.2.25 → 0.2.27

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 (81) hide show
  1. package/dist/css/AggsItemH.css +9 -6
  2. package/dist/css/AggsItemH.min.css +1 -1
  3. package/dist/css/AggsItemV.css +9 -6
  4. package/dist/css/AggsItemV.min.css +1 -1
  5. package/dist/css/Annex.css +10 -7
  6. package/dist/css/Annex.min.css +1 -1
  7. package/dist/css/AppDialog.css +9 -6
  8. package/dist/css/AppDialog.min.css +1 -1
  9. package/dist/css/AppNumberBoard.css +9 -6
  10. package/dist/css/AppNumberBoard.min.css +1 -1
  11. package/dist/css/AppTip.css +15 -12
  12. package/dist/css/AppTip.min.css +1 -1
  13. package/dist/css/Author.css +10 -7
  14. package/dist/css/Author.min.css +1 -1
  15. package/dist/css/AuthorX.css +10 -7
  16. package/dist/css/AuthorX.min.css +1 -1
  17. package/dist/css/Avatar.css +9 -6
  18. package/dist/css/Avatar.min.css +1 -1
  19. package/dist/css/AvatarGroup.css +9 -6
  20. package/dist/css/AvatarGroup.min.css +1 -1
  21. package/dist/css/BounceLoading.css +9 -6
  22. package/dist/css/BounceLoading.min.css +1 -1
  23. package/dist/css/CaptchaFormItem.css +11 -8
  24. package/dist/css/CaptchaFormItem.min.css +1 -1
  25. package/dist/css/CircleTranslateButton.css +9 -6
  26. package/dist/css/CircleTranslateButton.min.css +1 -1
  27. package/dist/css/Cover.css +9 -6
  28. package/dist/css/Cover.min.css +1 -1
  29. package/dist/css/DatePickerX.css +9 -6
  30. package/dist/css/DatePickerX.min.css +1 -1
  31. package/dist/css/HoverCard.css +53 -47
  32. package/dist/css/HoverCard.min.css +1 -1
  33. package/dist/css/Institution.css +10 -7
  34. package/dist/css/Institution.min.css +1 -1
  35. package/dist/css/InstitutionAvatar.css +9 -6
  36. package/dist/css/InstitutionAvatar.min.css +1 -1
  37. package/dist/css/InstitutionProfile.css +10 -7
  38. package/dist/css/InstitutionProfile.min.css +1 -1
  39. package/dist/css/InstitutionX.css +10 -7
  40. package/dist/css/InstitutionX.min.css +1 -1
  41. package/dist/css/ReadableItem.css +12 -9
  42. package/dist/css/ReadableItem.min.css +1 -1
  43. package/dist/css/UserProfile.css +9 -6
  44. package/dist/css/UserProfile.min.css +1 -1
  45. package/dist/css/XCard.css +10 -7
  46. package/dist/css/XCard.min.css +1 -1
  47. package/dist/css/XHeader.css +9 -6
  48. package/dist/css/XHeader.min.css +1 -1
  49. package/dist/css/XTab.css +9 -6
  50. package/dist/css/XTab.min.css +1 -1
  51. package/dist/css/index.css +3408 -17039
  52. package/dist/css/index.min.css +1 -1
  53. package/dist/index.css +1 -1
  54. package/dist/index.js +16590 -29717
  55. package/dist/index.min.css +1 -1
  56. package/dist/index.min.js +16 -19
  57. package/dist/index.umd.cjs +19 -22
  58. package/dist/index.umd.min.cjs +17 -20
  59. package/dist/locale/lang/en.js +22 -1
  60. package/dist/locale/lang/ru-RU.js +24 -3
  61. package/dist/locale/lang/zh-CN.js +20 -126
  62. package/dist/scss/baseUI/style/autocomplete.scss +1 -1
  63. package/dist/scss/baseUI/style/cascader.scss +1 -1
  64. package/dist/scss/baseUI/style/checkbox.scss +1 -1
  65. package/dist/scss/baseUI/style/collapse.scss +18 -0
  66. package/dist/scss/baseUI/style/color-picker.scss +2 -2
  67. package/dist/scss/baseUI/style/date-picker/picker.scss +2 -9
  68. package/dist/scss/baseUI/style/icon.scss +2 -2
  69. package/dist/scss/baseUI/style/index.scss +0 -16
  70. package/dist/scss/baseUI/style/loading.scss +3 -3
  71. package/dist/scss/baseUI/style/menu.scss +2 -2
  72. package/dist/scss/baseUI/style/message.scss +4 -3
  73. package/dist/scss/baseUI/style/mixins.scss +0 -16
  74. package/dist/scss/baseUI/style/popper.scss +2 -2
  75. package/dist/scss/baseUI/style/switch.scss +4 -4
  76. package/dist/scss/baseUI/style/tooltip.scss +34 -34
  77. package/dist/scss/baseUI/style/transition.scss +7 -0
  78. package/dist/scss/baseUI/style/var.scss +23 -30
  79. package/dist/var.scss +23 -30
  80. package/package.json +2 -1
  81. package/vite.config.js +30 -11
@@ -144,7 +144,6 @@ export default {
144
144
  '姓名,如:张三 清华大学':'name, like: zhangsan Tsinghua University'
145
145
  },
146
146
  cover:{
147
- '编辑':'Edit',
148
147
  '删除':'Delete'
149
148
  },
150
149
  keyword:{
@@ -247,5 +246,27 @@ export default {
247
246
  'translate':'Translate',
248
247
  'translateProgressWait': 'Translation in progress, please wait...',
249
248
  },
249
+ },
250
+ explore: {
251
+ action18: 'Show More Keywords',
252
+ action19: 'Show More Authors',
253
+ action20: 'Access Link',
254
+ journalWebsite: 'Journal Website',
255
+ report: {
256
+ label1: 'Editor',
257
+ label2: 'Publication Date',
258
+ label3: 'Subject',
259
+ label4: 'From Report'
260
+ },
261
+ book: {
262
+ label1: 'Publication Year',
263
+ label2: 'Publisher'
264
+ },
265
+ bulletin: {
266
+ label1: 'Affiliation',
267
+ label2: 'Subject',
268
+ label3: 'Total Issues',
269
+ label4: 'Recent'
270
+ }
250
271
  }
251
272
  };
@@ -144,7 +144,6 @@ export default {
144
144
  '姓名,如:张三 清华大学':'Название, например: 张三 清华大学'
145
145
  },
146
146
  cover:{
147
- '编辑':'редактировать',
148
147
  '删除':'удалить'
149
148
  },
150
149
  keyword:{
@@ -247,5 +246,27 @@ export default {
247
246
  'translate':'Перевести',
248
247
  'translateProgressWait': 'Перевод в процессе. Пожалуйста, подождите.',
249
248
  },
250
- }
251
- };
249
+ },
250
+ explore: {
251
+ action18: 'Показать больше ключевых слов',
252
+ action19: 'Показать больше авторов',
253
+ action20: 'Ссылка на оригинал',
254
+ journalWebsite: 'Официальный сайт журнала',
255
+ report: {
256
+ label1: 'Компилятор',
257
+ label2: 'Дата публикации',
258
+ label3: 'Сервис',
259
+ label4: 'Продукт новостей'
260
+ },
261
+ book: {
262
+ label1: 'Год издания',
263
+ label2: 'Издательство'
264
+ },
265
+ bulletin: {
266
+ label1: 'Организатор',
267
+ label2: 'Область обслуживания',
268
+ label3: 'Общее количество публикаций',
269
+ label4: 'Обновлено до'
270
+ }
271
+ }
272
+ };
@@ -117,132 +117,26 @@ export default {
117
117
  cancelButtonText: '取消'
118
118
  }
119
119
  },
120
- custom:{
121
- aggsItemH:{
122
- '收起':'收起',
123
- '展开':'展开',
124
- '全部':'全部'
125
- },
126
- aggsItemV:{
127
- '查看更多':'查看更多',
128
- '折叠隐藏':'折叠隐藏'
129
- },
130
- annex:{
131
- '上传时间':'上传时间',
132
- '编辑':'编辑',
133
- '删除':'删除',
134
- '附件内容':'附件内容',
135
- '请输入附件标题':'请输入附件标题',
136
- '请输入附件描述':'请输入附件描述'
137
- },
138
- author:{
139
- '请输入姓名':'请输入姓名',
140
- '搜索':'搜索',
141
- '姓名,如:张三 清华大学':'姓名,如:张三 清华大学'
142
- },
143
- cover:{
144
- '编辑':'编辑',
145
- '删除':'删除'
146
- },
147
- keyword:{
148
- '关键词':'关键词',
149
- '请输入':'请输入',
150
- '添加':'添加'
151
- },
152
- authorx:{
153
- '新增':'新增 ',
154
- '信息':'信息',
155
- '作者':'作者',
156
- '请输入姓名':'请输入姓名',
157
- '请输入机构':'请输入机构',
158
- '第一作者':'第一作者',
159
- '共同第一作者':'共同第一作者',
160
- '通讯作者':'通讯作者',
161
- '搜索':'搜索 ',
162
- '保存':'保存',
163
- '姓名,如:张三 清华大学':'姓名,如:张三 清华大学',
164
- '上移':'上移',
165
- '下移':'下移',
166
- '编辑':'编辑',
167
- '删除':'删除',
168
- '取消':'取消'
169
- },
170
- institutionx:{
171
- '新增':'新增 ',
172
- '信息':'信息',
173
- '机构':'机构 ',
174
- '请输入':'请输入',
175
- '请输入姓名':'请输入姓名',
176
- '请输入机构':'请输入机构',
177
- '搜索':'搜索 ',
178
- '保存':'保存',
179
- '如:清华大学':'如:清华大学',
180
- '上移':'上移',
181
- '下移':'下移',
182
- '编辑':'编辑',
183
- '删除':'删除',
184
- '取消':'取消'
185
- },
186
- userProfile:{
187
- '职称':'职称',
188
- '职位':'职位',
189
- '荣誉称号':'荣誉称号'
190
- },
191
- xHeader:{
192
- '返回':'返回'
193
- },
194
- readableItem:{
195
- '代表作':'代表作',
196
- '授权':'授权',
197
- '已发布':'已发布',
198
- '未发布':'未发布',
199
- '作为本文作者的授权代理人提交':'作为本文作者的授权代理人提交',
200
- '导师':'导师',
201
- '设计人':'设计人',
202
- '发明人':'发明人',
203
- '来源预印本平台':'来源预印本平台',
204
- '提交时间':'提交时间',
205
- '申请日':'申请日',
206
- '会议名称':'会议名称',
207
- '编译者':'编译者',
208
- '所属快报产品':'所属快报产品',
209
- '发布日期':'发布日期',
210
- '来源':'来源',
211
- '出版年':'出版年',
212
- '出版社':'出版社',
213
- '开始时间':'开始时间',
214
- '结束时间':'结束时间',
215
- '承担机构':'承担机构',
216
- '使用许可协议':'使用许可协议',
217
- '学科领域':'学科领域',
218
- '获奖时间':'获奖时间',
219
- '获奖级别':'获奖级别',
220
- '获奖等级':'获奖等级',
221
- '关键词':'关键词',
222
- '展开更多关键词':'展开更多关键词',
223
- '原文链接':'原文链接',
224
- '原文下载':'原文下载',
225
- '资助机构':'资助机构',
226
- '提交机构':'提交机构',
227
- '数据中心':'数据中心',
228
- '发证时间':'发证时间',
229
- '首次发表时间':'首次发表时间',
230
- '服务领域':'服务领域',
231
- '所属服务':'所属服务',
232
- '发布时间':'发布时间',
233
- '申请号':'申请号',
234
- '学位授予时间':'学位授予时间',
235
- '学位授予单位':'学位授予单位',
236
- '培养单位':'培养单位',
237
- '阅读全部':'阅读全部',
238
- '收起':'收起',
239
- '展开更多作者':'展开更多作者',
240
- '申请人':'申请人',
241
- '机器翻译由':'机器翻译由'
242
- },
243
- translate:{
244
- 'translate':'翻译',
245
- 'translateProgressWait': '正在翻译中,请稍后...',
120
+ explore: {
121
+ action18: '展开更多关键词',
122
+ action19: '展开更多作者',
123
+ action20: '原文链接',
124
+ journalWebsite: '期刊官网',
125
+ report: {
126
+ label1: '编译者',
127
+ label2: '发布时间',
128
+ label3: '所属服务',
129
+ label4: '所属快报产品'
130
+ },
131
+ book: {
132
+ label1: '出版年',
133
+ label2: '出版社'
134
+ },
135
+ bulletin: {
136
+ label1: '主办单位',
137
+ label2: '服务领域',
138
+ label3: '累计出版',
139
+ label4: '更新至'
246
140
  }
247
141
  }
248
142
  }
@@ -66,7 +66,7 @@
66
66
  height: 100px;
67
67
  line-height: 100px;
68
68
  font-size: 20px;
69
- color: #999;
69
+ color: #97a3b7;
70
70
  @include utils-vertical-center;
71
71
 
72
72
  &:hover {
@@ -130,7 +130,7 @@
130
130
  }
131
131
 
132
132
  @include e(suggestion-list) {
133
- max-height: 204px;
133
+ max-height: inherit;
134
134
  margin: 0;
135
135
  padding: 6px 0;
136
136
  font-size: $--font-size-base;
@@ -210,7 +210,7 @@
210
210
  &::after {
211
211
  box-sizing: content-box;
212
212
  content: "";
213
- border: 1.5px solid $--checkbox-checked-icon-color;
213
+ border: 2px solid $--checkbox-checked-icon-color;
214
214
  border-left: 0;
215
215
  border-top: 0;
216
216
  height: 7px;
@@ -60,6 +60,9 @@
60
60
  }
61
61
  @include when(active) {
62
62
  }
63
+ @include e(action) {
64
+ margin-left: auto;
65
+ }
63
66
  @include e(header) {
64
67
  display: flex;
65
68
  align-items: center;
@@ -80,6 +83,15 @@
80
83
  transform: rotate(90deg);
81
84
  }
82
85
  }
86
+ @include e(search) {
87
+ margin-left: 10px;
88
+ margin-bottom: 2px;
89
+ transition: transform .3s;
90
+ font-weight: 300;
91
+ @include when(active) {
92
+ transform: rotate(90deg);
93
+ }
94
+ }
83
95
  @include when(active) {
84
96
  height: 56px;
85
97
  background-color: $--background-color-base;
@@ -112,3 +124,9 @@
112
124
  .base-collapse-item.is-active+.base-collapse-item:after, .base-collapse-item.is-active:not(:first-child):after {
113
125
  opacity: 0;
114
126
  }
127
+ .base-collapse-item__headerText {
128
+ max-width: calc(100% - 60px);
129
+ display: inline-block;
130
+ line-height: 1.5;
131
+ padding: 4px 0;
132
+ }
@@ -334,7 +334,7 @@
334
334
  position: relative;
335
335
  display: block;
336
336
  box-sizing: border-box;
337
- border: 1px solid #999;
337
+ border: 1px solid #97a3b7;
338
338
  border-radius: $--border-radius-small;
339
339
  width: 100%;
340
340
  height: 100%;
@@ -355,7 +355,7 @@
355
355
 
356
356
  @include e(empty) {
357
357
  font-size: 12px;
358
- color: #999;
358
+ color: #97a3b7;
359
359
  position: absolute;
360
360
  top: 50%;
361
361
  left: 50%;
@@ -6,9 +6,6 @@
6
6
  position: relative;
7
7
  display: inline-block;
8
8
  text-align: left;
9
- border-bottom-style: solid !important;
10
- border-bottom-width: 1px !important;
11
- border-bottom-color: #DDDFE6 !important;
12
9
 
13
10
  &.base-input,
14
11
  &.base-input__inner {
@@ -96,10 +93,6 @@
96
93
  }
97
94
 
98
95
  @include b(range-editor) {
99
- border-bottom-style: solid !important;
100
- border-bottom-width: 1px !important;
101
- border-bottom-color: #DDDFE6 !important;
102
-
103
96
  &.base-input__inner {
104
97
  display: inline-flex;
105
98
  align-items: center;
@@ -111,10 +104,10 @@
111
104
  }
112
105
 
113
106
  @include when(active) {
114
- border-color: $--color-primary !important;
107
+ border-color: $--color-primary;
115
108
 
116
109
  &:hover {
117
- border-color: $--color-primary !important;
110
+ border-color: $--color-primary;
118
111
  }
119
112
  }
120
113
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  @font-face {
4
4
  font-family: 'base-icons';
5
- src: url($--font-path + '/base-icons.woff') format('woff'), /* chrome, firefox */
6
- url($--font-path + '/base-icons.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
5
+ src: url('/static/base-icons.woff') format('woff'), /* chrome, firefox */
6
+ url('/static/base-icons.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
7
7
  font-weight: normal;
8
8
  font-display: $--font-display;
9
9
  font-style: normal;
@@ -42,7 +42,6 @@
42
42
  @import 'dialog.scss';
43
43
  @import 'pagination.scss';
44
44
  @import 'message-box.scss';
45
- @import 'notification.scss';
46
45
  @import 'color-picker.scss';
47
46
  @import 'tabs.scss';
48
47
  @import 'image.scss';
@@ -56,20 +55,5 @@
56
55
  @import 'slider.scss';
57
56
  @import 'skeleton.scss';
58
57
  @import 'skeleton-item.scss';
59
- @import 'table-column.scss';
60
- @import 'table.scss';
61
- @import 'timeline.scss';
62
- @import 'timeline-item.scss';
63
- @import 'step.scss';
64
- @import 'steps.scss';
65
- @import 'empty.scss';
66
- @import 'rate.scss';
67
- @import 'avatar.scss';
68
- @import 'badge.scss';
69
58
  @import 'tree.scss';
70
- @import 'transfer.scss';
71
59
  @import 'loading.scss';
72
- @import 'descriptions.scss';
73
- @import 'descriptions-item.scss';
74
- @import 'table.scss';
75
- @import 'table-column.scss';
@@ -1,9 +1,9 @@
1
- @import 'mixins';
2
- @import 'var';
1
+ @import "mixins";
2
+ @import "var";
3
3
 
4
4
  @include b(loading-parent) {
5
5
  @include m(relative) {
6
- position: relative !important;
6
+ // position: relative !important;
7
7
  }
8
8
 
9
9
  @include m(hidden) {
@@ -41,7 +41,7 @@
41
41
  @include b(menu) {
42
42
  border-right: solid 1px #e6e6e6;
43
43
  list-style: none;
44
- position: unset;
44
+ position: relative;
45
45
  margin: 0;
46
46
  padding-left: 0;
47
47
  background-color: $--menu-background-color;
@@ -167,7 +167,7 @@
167
167
  .base-submenu {
168
168
  position: relative;
169
169
  & .base-menu {
170
- position: unset;
170
+ position: absolute;
171
171
  margin-left: 5px;
172
172
  top: 0;
173
173
  left: 100%;
@@ -5,9 +5,9 @@
5
5
  min-width: $--message-min-width;
6
6
  box-sizing: border-box;
7
7
  border-radius: $--border-radius-base;
8
- border-width: $--border-width-base;
9
- border-style: $--border-style-base;
10
- border-color: $--border-color-lighter;
8
+ //border-width: $--border-width-base;
9
+ //border-style: $--border-style-base;
10
+ //border-color: $--border-color-lighter;
11
11
  position: fixed;
12
12
  left: 50%;
13
13
  top: 20px;
@@ -18,6 +18,7 @@
18
18
  padding: $--message-padding;
19
19
  display: flex;
20
20
  align-items: center;
21
+ box-shadow: 0 5px 20px hsla(0,0%,7%,.1);
21
22
 
22
23
  @include when(center) {
23
24
  justify-content: center;
@@ -194,19 +194,3 @@
194
194
  @content
195
195
  }
196
196
  }
197
-
198
- @mixin transition-base($prop) {
199
- transition: $prop .3s;
200
- }
201
-
202
- @mixin position-absolute($top, $right, $bottom, $left) {
203
- position: absolute;
204
- top: $top;
205
- right: $right;
206
- bottom: $bottom;
207
- left: $left;
208
- }
209
- @mixin margin-x($infix) {
210
- margin-left: $infix;
211
- margin-right: $infix;
212
- }
@@ -42,8 +42,8 @@
42
42
  }
43
43
 
44
44
  &[x-placement^="bottom"] {
45
- margin-top: #{$--popover-arrow-size + 6};
46
- // margin-top: 0;
45
+ // margin-top: #{$--popover-arrow-size + 6};
46
+ margin-top: 0;
47
47
  }
48
48
 
49
49
  &[x-placement^="bottom"] .popper__arrow {
@@ -96,12 +96,12 @@
96
96
 
97
97
  @include m(wide) {
98
98
  .base-switch__label {
99
- &.base-switch__label--left {
99
+ &.base-switch__labbase--left {
100
100
  span {
101
101
  left: 10px;
102
102
  }
103
103
  }
104
- &.base-switch__label--right {
104
+ &.base-switch__labbase--right {
105
105
  span {
106
106
  right: 10px;
107
107
  }
@@ -109,8 +109,8 @@
109
109
  }
110
110
  }
111
111
 
112
- & .label-fade-enter,
113
- & .label-fade-leave-active {
112
+ & .labbase-fade-enter,
113
+ & .labbase-fade-leave-active {
114
114
  opacity: 0;
115
115
  }
116
116
  }
@@ -7,18 +7,17 @@
7
7
  }
8
8
  @include e(popper) {
9
9
  position: absolute;
10
- border-radius: 4px;
10
+ border-radius: 10px;
11
11
  z-index: $--index-popper;
12
12
  min-width: 10px;
13
13
  word-wrap: break-word;
14
- font-size: 12px;
15
- line-height: 1.2;
14
+ font-size: 14px;
15
+ line-height: 24px;
16
16
  display: inline-block;
17
- padding: 8px 10px;
17
+ padding: 6px 12px;
18
18
  text-transform: none;
19
19
  width: auto;
20
20
  pointer-events: none;
21
- opacity: .9;
22
21
  .popper__arrow,
23
22
  .popper__arrow::after {
24
23
  position: absolute;
@@ -30,113 +29,114 @@
30
29
  }
31
30
 
32
31
  .popper__arrow {
33
- border-width: $--tooltip-arrow-size;
32
+ //border-width: $--tooltip-arrow-size;
33
+ border-width: 9px;
34
34
  }
35
35
 
36
36
  .popper__arrow::after {
37
37
  content: " ";
38
- border-width: 5px;
38
+ border-width: 8px;
39
39
  }
40
40
 
41
41
  &[x-placement^="top"] {
42
- margin-bottom: #{$--tooltip-arrow-size + 6px};
42
+ margin-bottom: 18px;
43
43
  }
44
44
 
45
45
  &[x-placement^="top"] .popper__arrow {
46
- bottom: -$--tooltip-arrow-size;
47
- border-top-color: $--tooltip-border-color;
46
+ bottom: -9px;
47
+ border-top-color: $--color-text-primary-2;
48
48
  border-bottom-width: 0;
49
49
 
50
50
  &::after {
51
51
  bottom: 1px;
52
- margin-left: -5px;
53
- border-top-color: $--tooltip-fill;
52
+ margin-left: -8px;
53
+ border-top-color: $--color-text-primary-2;
54
54
  border-bottom-width: 0;
55
55
  }
56
56
  }
57
57
 
58
58
  &[x-placement^="bottom"] {
59
- margin-top: #{$--tooltip-arrow-size + 6px};
59
+ margin-top: 18px;
60
60
  }
61
61
 
62
62
  &[x-placement^="bottom"] .popper__arrow {
63
- top: -$--tooltip-arrow-size;
63
+ top: -9px;
64
64
  border-top-width: 0;
65
- border-bottom-color: $--tooltip-border-color;
65
+ border-bottom-color: $--color-text-primary-2;
66
66
 
67
67
  &::after {
68
68
  top: 1px;
69
69
  margin-left: -5px;
70
70
  border-top-width: 0;
71
- border-bottom-color: $--tooltip-fill;
71
+ border-bottom-color: $--color-text-primary-2;
72
72
  }
73
73
  }
74
74
 
75
75
  &[x-placement^="right"] {
76
- margin-left: #{$--tooltip-arrow-size + 6px};
76
+ margin-left: 18px;
77
77
  }
78
78
 
79
79
  &[x-placement^="right"] .popper__arrow {
80
- left: -$--tooltip-arrow-size;
81
- border-right-color: $--tooltip-border-color;
80
+ left: -9px;
81
+ border-right-color: $--color-text-primary-2;
82
82
  border-left-width: 0;
83
83
 
84
84
  &::after {
85
- bottom: -5px;
85
+ bottom: -8px;
86
86
  left: 1px;
87
- border-right-color: $--tooltip-fill;
87
+ border-right-color: $--color-text-primary-2;
88
88
  border-left-width: 0;
89
89
  }
90
90
  }
91
91
 
92
92
  &[x-placement^="left"] {
93
- margin-right: #{$--tooltip-arrow-size + 6px};
93
+ margin-right: 18px;
94
94
  }
95
95
 
96
96
  &[x-placement^="left"] .popper__arrow {
97
- right: -$--tooltip-arrow-size;
97
+ right: -9px;
98
98
  border-right-width: 0;
99
- border-left-color: $--tooltip-border-color;
99
+ border-left-color: $--color-text-primary-2;
100
100
 
101
101
  &::after {
102
102
  right: 1px;
103
- bottom: -5px;
104
- margin-left: -5px;
103
+ bottom: -8px;
104
+ margin-left: -8px;
105
105
  border-right-width: 0;
106
- border-left-color: $--tooltip-fill;
106
+ border-left-color: $--color-text-primary-2;
107
107
  }
108
108
  }
109
109
 
110
110
  @include when(dark) {
111
- // background: $--tooltip-fill;
112
- background: rgba(97,97,97,.9);
111
+ // background: $--color-text-primary-2;
112
+ background: $--color-text-primary-2;
113
113
  color: $--tooltip-color;
114
114
  }
115
115
 
116
116
  @include when(light) {
117
117
  background: $--tooltip-color;
118
- border: 1px solid $--tooltip-fill;
118
+ border: 1px solid $--color-text-primary-2;
119
119
 
120
120
  &[x-placement^="top"] .popper__arrow {
121
- border-top-color: $--tooltip-fill;
121
+ border-top-color: $--color-text-primary-2;
122
122
  &::after {
123
123
  border-top-color: $--tooltip-color;
124
124
  }
125
125
  }
126
126
  &[x-placement^="bottom"] .popper__arrow {
127
- border-bottom-color: $--tooltip-fill;
127
+ border-bottom-color: $--color-text-primary-2;
128
128
  &::after {
129
129
  border-bottom-color: $--tooltip-color;
130
130
  }
131
131
  }
132
132
  &[x-placement^="left"] .popper__arrow {
133
- border-left-color: $--tooltip-fill;
133
+ border-left-color: $--color-text-primary-2;
134
134
  &::after {
135
135
  border-left-color: $--tooltip-color;
136
136
  }
137
137
  }
138
138
  &[x-placement^="right"] .popper__arrow {
139
- border-right-color: $--tooltip-fill;
139
+ border-right-color: $--color-text-primary-2;
140
140
  &::after {
141
141
  border-right-color: $--tooltip-color;
142
142
  }
@@ -136,3 +136,10 @@
136
136
  .base-flip-list-move {
137
137
  transition: transform .6s;
138
138
  }
139
+
140
+ .collapse-transition {
141
+ transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
142
+ }
143
+ .horizontal-collapse-transition {
144
+ transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
145
+ }