@asd20/ui-next 2.19.0 → 2.20.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.20.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.20.0...ui-next-v2.20.1) (2026-08-10)
+
+
+### Bug Fixes
+
+* fix translation icon centration and mobile position ([661b34a](https://github.com/academydistrict20/asd20-ui-next/commit/661b34acb871bc32749ece9f8ce437abfbad0727))
+
+# [2.20.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.19.0...ui-next-v2.20.0) (2026-08-07)
+
+
+### Features
+
+* adjust video descriptions rendering for tiptap messages ([fbe3171](https://github.com/academydistrict20/asd20-ui-next/commit/fbe3171d365aeffeb7f66add00756ab9689f40a2))
+
 # [2.19.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.18.0...ui-next-v2.19.0) (2026-08-06)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.19.0",
+  "version": "2.20.1",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/atoms/Asd20RichBodyContent/messageDocumentRenderer.js

@@ -291,6 +291,16 @@ function validateRequiredCanonicalText(node, name, path, maximumLength) {
     : null
 }
 
+function validateOptionalCanonicalText(node, name, path, maximumLength) {
+  const value = node.attrs?.[name]
+  if (value === undefined) return null
+  return typeof value !== 'string' ||
+    value !== value.trim() ||
+    value.length > maximumLength
+    ? issue('malformed-attribute', path, name)
+    : null
+}
+
 function validateMarks(marks, path) {
   if (marks === undefined) return null
   if (!Array.isArray(marks)) return issue('malformed-marks', path)
@@ -531,7 +541,7 @@ function validateNode(node, path) {
       VIDEO_TITLE_MAX_LENGTH
     )
     if (titleIssue) return titleIssue
-    const descriptionIssue = validateRequiredCanonicalText(
+    const descriptionIssue = validateOptionalCanonicalText(
       node,
       'descriptiveText',
       path,
@@ -809,15 +819,14 @@ function renderStandardNode(node) {
       .join('')}</div></figure>`
   }
   if (node.type === 'videoEmbed') {
+    const description = node.attrs?.descriptiveText || ''
     return `<div class="asd20-message-video" data-cc-node="video"${attribute(
       'data-src',
       node.attrs.src
     )}${attribute('data-title', node.attrs.title)}${attribute(
       'data-descriptive-text',
-      node.attrs.descriptiveText
-    )}><p class="asd20-message-video__description">${escapeHtml(
-      node.attrs.descriptiveText
-    )}</p><div class="asd20-message-video__frame"><iframe${attribute(
+      description
+    )}><div class="asd20-message-video__frame"><iframe${attribute(
       'src',
       node.attrs.src
     )}${attribute(
@@ -827,7 +836,13 @@ function renderStandardNode(node) {
       'allowfullscreen',
       '',
       true
-    )}></iframe></div></div>`
+    )}></iframe></div>${
+      description
+        ? `<p class="asd20-message-video__description">${escapeHtml(
+            description
+          )}</p>`
+        : ''
+    }</div>`
   }
   if (node.type === 'table') return renderTable(node)
   if (node.type === 'tableRow') return `<tr>${renderChildren(node)}</tr>`

package/src/components/templates/Asd20SchoolHomeTemplate/index.vue

@@ -363,7 +363,7 @@ export default {
     text-decoration: none;
     border-radius: 3rem;
     border: 1px solid var(--website-page__alternate-background-color);
-    padding: 0 0.5rem;
+    // padding: 0 0.5rem;
     min-height: 2rem;
     align-items: center;
     display: flex;
@@ -405,17 +405,17 @@ export default {
           color: currentColor;
           font-family: Ariel, Arial, Helvetica, sans-serif;
         }
-        & .asd20-select-input__field-wrapper {
-          padding: 0 0.5rem;
-        }
+        // & .asd20-select-input__field-wrapper {
+        //   padding: 0 0.5rem;
+        // }
       }
       .asd20-notification-group--floating {
         order: 4;
       }
     }
     .no-block-widget {
-      position: absolute;
-      top: 0;
+      position: relative;
+      top: unset;
     }
   }