Link styling and display revisions

bcgov · Jan 8, 2025 · 4f90367 · 4f90367
1 parent 7e4ff87
commit 4f90367
Show file tree

Hide file tree

Showing 22 changed files with 125 additions and 45 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 1.12.2 January 8, 2025
+- Revising link styles across the sites.
+- Added element wrappers to keep definitions links from wrapping end-of-line icons to next line on their own.
+
 ## 1.12.1 January 7, 2025
 - Added invisible html entity as breakpoints for email address as labels when output in filtering tables for PQEAs and Contractors.
 - Tweaked focus and hover style for links in filtered tables.

diff --git a/blocks/vue-blocks/src/postFilterApp.vue b/blocks/vue-blocks/src/postFilterApp.vue
@@ -514,6 +514,23 @@ const checkDefinitions = () => {
             if (!link.classList.contains('icon-definition')) {
                 link.classList.add('icon-definition');
                 link.setAttribute('aria-label', 'opens definition dialog for this concept');
+
+                const linkText = link.textContent;
+
+                if (linkText && linkText.trim().length > 0) {
+
+                    const words = linkText.trim().split(' ');
+                    const lastWord = words.pop(); 
+                    const restOfText = words.join(' '); 
+
+                    // Create a span element for the last word
+                    const span = document.createElement('span');
+                    span.classList.add('last-word');
+                    span.textContent = lastWord;
+
+                    link.innerHTML = `${restOfText} `;
+                    link.appendChild(span);
+                }
     
                 // Adding event listeners for both click and keypress events
                 addEventListeners(link);

diff --git a/checklist.md b/checklist.md
@@ -1,4 +1,4 @@
-Created at 2025-01-07 2:04 pm
+Created at 2025-01-08 2:24 pm
 
 * [yes] Updated version in composer.json
 * [yes] Updated version in style.css or plugin file

diff --git a/composer.json b/composer.json
@@ -1,7 +1,7 @@
 {
     "name": "bcgov-plugin/bcgov-plugin-cleanbc",
     "description": "Frontend plugin to augment Clean BC and Go Electric BC using Block Theme for BC Gov",
-    "version": "1.12.1",
+    "version": "1.12.2",
     "type": "wordpress-plugin",
     "license": "Apache-2.0",
     "repositories": [

diff --git a/composer.lock b/composer.lock
diff --git a/dist/assets/public-365fe814.js b/dist/assets/public-365fe814.js