datastake-daf 0.6.242 → 0.6.243

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.
@@ -21294,34 +21294,38 @@ const WidgetCard = _ref => {
21294
21294
  style: {
21295
21295
  display: "flex",
21296
21296
  flexDirection: "column",
21297
- height: "100%"
21298
- // minHeight: "150px"
21297
+ height: "100%",
21298
+ marginTop: "0px"
21299
21299
  },
21300
21300
  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
21301
21301
  style: {
21302
- // flex: 1,
21303
21302
  display: "flex",
21304
21303
  flexDirection: "column",
21305
21304
  justifyContent: "flex-start",
21306
- marginTop: "24px",
21305
+ marginTop: "10px",
21307
21306
  marginBottom: "24px",
21308
21307
  minHeight: "0"
21309
21308
  },
21310
21309
  children: description ? /*#__PURE__*/jsxRuntime.jsx("p", {
21311
21310
  style: {
21312
21311
  margin: 0,
21313
- // flex: 1,
21314
- // display: "flex",
21315
- // alignItems: "flex-start",
21316
- display: "block",
21317
- minHeight: "0",
21312
+ height: "45px",
21313
+ display: "-webkit-box",
21314
+ WebkitLineClamp: 3,
21315
+ WebkitBoxOrient: "vertical",
21316
+ overflow: "hidden",
21317
+ textOverflow: "ellipsis",
21318
21318
  color: '#6C737F',
21319
- fontSize: '14px'
21319
+ fontSize: '14px',
21320
+ lineHeight: '20px'
21320
21321
  },
21321
- children: description
21322
+ children: description.length > 100 ? /*#__PURE__*/jsxRuntime.jsxs(antd.Tooltip, {
21323
+ title: description,
21324
+ children: [description.substring(0, 100), "..."]
21325
+ }) : description
21322
21326
  }) : /*#__PURE__*/jsxRuntime.jsx("div", {
21323
21327
  style: {
21324
- flex: 1
21328
+ height: "45px"
21325
21329
  }
21326
21330
  })
21327
21331
  }), data && data.length > 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datastake-daf",
3
- "version": "0.6.242",
3
+ "version": "0.6.243",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^5.2.5",
6
6
  "@antv/g2": "^5.1.1",
@@ -54,33 +54,32 @@ const WidgetCard = ({
54
54
  loading={loading}
55
55
  className="with-tabs no-pt-body"
56
56
  >
57
- <div style={{display: "flex", flexDirection: "column", height: "100%",
58
- // minHeight: "150px"
59
- }}>
57
+ <div style={{display: "flex", flexDirection: "column", height: "100%", marginTop: "0px"}}>
60
58
  <div style={{
61
- // flex: 1,
62
59
  display: "flex",
63
60
  flexDirection: "column",
64
61
  justifyContent: "flex-start",
65
- marginTop: "24px",
62
+ marginTop: "10px",
66
63
  marginBottom: "24px",
67
64
  minHeight: "0"
68
65
  }}>
69
66
  {description ? (
70
67
  <p style={{
71
68
  margin: 0,
72
- // flex: 1,
73
- // display: "flex",
74
- // alignItems: "flex-start",
75
- display: "block",
76
- minHeight: "0",
69
+ height: "45px",
70
+ display: "-webkit-box",
71
+ WebkitLineClamp: 3,
72
+ WebkitBoxOrient: "vertical",
73
+ overflow: "hidden",
74
+ textOverflow: "ellipsis",
77
75
  color: '#6C737F',
78
76
  fontSize: '14px',
77
+ lineHeight: '20px'
79
78
  }}>
80
- {description}
79
+ {description.length > 100 ? <Tooltip title={description}>{description.substring(0, 100)}...</Tooltip> : description}
81
80
  </p>
82
81
  ) : (
83
- <div style={{flex: 1}} />
82
+ <div style={{height: "45px"}} />
84
83
  )}
85
84
  </div>
86
85