PROBE-221: Add link on teaser

StadGent · Jun 28, 2024 · 820f6f2 · 820f6f2
1 parent 6ad686e
commit 820f6f2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/webcomponents/besluiten-detail/main.js b/webcomponents/besluiten-detail/main.js
@@ -22,7 +22,7 @@ class BesluitenDetail extends HTMLElement {
 
   createDetail() {
     return (`
-      <div class="cs--blue">
+      <div class="cs--blue teaser">
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans:400,600,700">
         <link rel="stylesheet" href="https://stijlgids.stad.gent/v6/css/styleguide.css">
         <link rel="stylesheet" href="https://stijlgids.stad.gent/v6/css/main.css">
@@ -39,6 +39,7 @@ class BesluitenDetail extends HTMLElement {
           </dl>
           <span class="resolutions-detail__status resolutions-detail__status--${this.status_green ? 'true' : this.status_red ? 'false' : 'void'}" >${this.status}</span>
         </div>
+        <a href="${this.url}" class="teaser-overlay-link" tabindex="-1" aria-hidden="true">${this.titel}</a>
       </div>
     `);
   }

diff --git a/webcomponents/reglementen-detail/main.js b/webcomponents/reglementen-detail/main.js
@@ -24,7 +24,7 @@ class ReglementenDetail extends HTMLElement {
       <link rel="stylesheet" href="https://stijlgids.stad.gent/v6/css/main.css">
       <link rel="stylesheet" href="https://stadgent.github.io/js_widget-besluiten/besluiten-detail/besluiten-detail.css">
       
-      <div class="reglementen-detail">
+      <div class="reglementen-detail teaser">
         <div class="reglementen-detail__title">
           <a href="${this.url}" class="resolutions-detail__link">${this.titel}</a>
         </div>
@@ -37,6 +37,7 @@ class ReglementenDetail extends HTMLElement {
           <dd>${this.type}</dd>
         </dl>
         <span class="resolutions-detail__status">&nbsp;</span>
+        <a href="${this.url}" class="teaser-overlay-link" tabindex="-1" aria-hidden="true">${this.titel}</a>
       </div>
     `);
   }