@arcblock/nft-display 2.10.25 → 2.10.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 (2) hide show
  1. package/lib/index.js +16 -22
  2. package/package.json +2 -2
package/lib/index.js CHANGED
@@ -438,17 +438,14 @@ const getIssuerSvg = (issuer, id, fontSize = 12) => {
438
438
  y="0"
439
439
  width="14"
440
440
  height="14" />
441
- <text
442
- x="20"
443
- y="8"
444
- font-size="${fontSize}"
445
- font-family="Helvetica, Arial, sans-serif"
446
- fill="#D1D1D1"
447
- text-anchor="start"
448
- alignment-baseline="middle"
449
- dominant-baseline="middle">
450
- ${issuer.name}
451
- </text>
441
+ <foreignObject x="20" y="-2" width="156" height="18">
442
+ <div
443
+ xmlns="http://www.w3.org/1999/xhtml"
444
+ style="font-size: ${fontSize}px; line-height: 18px; color: #D1D1D1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;"
445
+ >
446
+ ${issuer.name}
447
+ </div>
448
+ </foreignObject>
452
449
  <defs>
453
450
  <pattern id="${getId(id, 'issuer-image')}" width="14" height="14" patternUnits="userSpaceOnUse">
454
451
  <image
@@ -463,17 +460,14 @@ const getIssuerSvg = (issuer, id, fontSize = 12) => {
463
460
  }
464
461
  return `<g id="${getId(id, 'issuer')}" transform="translate(24, 151)" width="180" height="14">
465
462
  <rect x="0" y="0" width="14" height="14" rx="2" fill="#6D6D6D"/>
466
- <text
467
- x="20"
468
- y="8"
469
- font-size="${fontSize}"
470
- font-family="Helvetica, Arial, sans-serif"
471
- fill="#D1D1D1"
472
- text-anchor="start"
473
- alignment-baseline="middle"
474
- dominant-baseline="middle">
475
- ${issuer.name}
476
- </text>
463
+ <foreignObject x="0" y="-2" width="176" height="18">
464
+ <div
465
+ xmlns="http://www.w3.org/1999/xhtml"
466
+ style="font-size: ${fontSize}px; line-height: 18px; color: #D1D1D1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;"
467
+ >
468
+ ${issuer.name}
469
+ </div>
470
+ </foreignObject>
477
471
  </g>`;
478
472
  };
479
473
  exports.getIssuerSvg = getIssuerSvg;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arcblock/nft-display",
3
- "version": "2.10.25",
3
+ "version": "2.10.27",
4
4
  "description": "arcblock's nft display generic component",
5
5
  "keywords": [
6
6
  "nft"
@@ -41,5 +41,5 @@
41
41
  "ts-node": "^10.9.2",
42
42
  "typescript": "^5.5.2"
43
43
  },
44
- "gitHead": "c08068e4f1992102d89bc2fc54c93a864453bf24"
44
+ "gitHead": "22f8b70a73928fc915274ee0f609e96f330b1d2e"
45
45
  }