@blockspoon/cert-badge-renderer 1.0.36 → 1.0.38

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 (4) hide show
  1. package/dist/cjs/utils/generateAchievementHTML.js +6 -2
  2. package/dist/esm/utils/generateAchievementHTML.js +6 -2
  3. package/package.json +1 -1
  4. package/src/utils/generateAchievementHTML.ts +8 -2
package/dist/cjs/utils/generateAchievementHTML.js CHANGED
@@ -130,14 +130,18 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
130
130
  border: none;
131
131
  padding: 0;
132
132
  display: flex;
133
- align-items: start;
133
+ align-items: ${element.textAlign === "center"
134
+ ? "center"
135
+ : element.textAlign === "left"
136
+ ? "flex-start"
137
+ : "flex-end"};
134
138
  justify-content: ${element.textAlign === "center"
135
139
  ? "center"
136
140
  : element.textAlign === "left"
137
141
  ? "flex-start"
138
142
  : "flex-end"};
139
143
  word-break: ${type === "badge" ? "break-word" : "normal"};
140
- white-space: ${type === "badge" ? "pre-wrap" : "normal"};
144
+ white-space: ${type === "badge" ? "pre" : "normal"};
141
145
  opacity: ${element.opacity || 1};
142
146
  `;
143
147
  if (element.controlType === "svg") {
package/dist/esm/utils/generateAchievementHTML.js CHANGED
@@ -130,14 +130,18 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
130
130
  border: none;
131
131
  padding: 0;
132
132
  display: flex;
133
- align-items: start;
133
+ align-items: ${element.textAlign === "center"
134
+ ? "center"
135
+ : element.textAlign === "left"
136
+ ? "flex-start"
137
+ : "flex-end"};
134
138
  justify-content: ${element.textAlign === "center"
135
139
  ? "center"
136
140
  : element.textAlign === "left"
137
141
  ? "flex-start"
138
142
  : "flex-end"};
139
143
  word-break: ${type === "badge" ? "break-word" : "normal"};
140
- white-space: ${type === "badge" ? "pre-wrap" : "normal"};
144
+ white-space: ${type === "badge" ? "pre" : "normal"};
141
145
  opacity: ${element.opacity || 1};
142
146
  `;
143
147
  if (element.controlType === "svg") {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockspoon/cert-badge-renderer",
3
- "version": "1.0.36",
3
+ "version": "1.0.38",
4
4
  "description": "Render certificate and badge designs from Kolleges achievement data into HTML, PNG, or Base64.",
5
5
  "main": "./dist/esm/index.js",
6
6
  "exports": {
package/src/utils/generateAchievementHTML.ts CHANGED
@@ -178,7 +178,13 @@ export async function generateAchievementHTML(
178
178
  border: none;
179
179
  padding: 0;
180
180
  display: flex;
181
- align-items: start;
181
+ align-items: ${
182
+ element.textAlign === "center"
183
+ ? "center"
184
+ : element.textAlign === "left"
185
+ ? "flex-start"
186
+ : "flex-end"
187
+ };
182
188
  justify-content: ${
183
189
  element.textAlign === "center"
184
190
  ? "center"
@@ -187,7 +193,7 @@ export async function generateAchievementHTML(
187
193
  : "flex-end"
188
194
  };
189
195
  word-break: ${type === "badge" ? "break-word" : "normal"};
190
- white-space: ${type === "badge" ? "pre-wrap" : "normal"};
196
+ white-space: ${type === "badge" ? "pre" : "normal"};
191
197
  opacity: ${element.opacity || 1};
192
198
  `;
193
199