Spotlight item link replaced inside the section

sitegeist · Jul 10, 2020 · 2576291 · 2576291
1 parent 9744867
commit 2576291
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/Resources/Private/Fusion/Content/Section/Spotlight.Item.fusion b/Resources/Private/Fusion/Content/Section/Spotlight.Item.fusion
@@ -52,8 +52,6 @@ prototype(Sitegeist.NeosTemplate.Spectral:Content.Section.Spotlight.Item) < prot
 
     alignment = ${q(node).property('alignment')}
 
-
-
     renderer = afx`
         <section class={'spotlight '+ props.alignment}>
             <div class="image">
@@ -64,14 +62,7 @@ prototype(Sitegeist.NeosTemplate.Spectral:Content.Section.Spotlight.Item) < prot
                 <p>{props.text}</p>
                 <img  @if.isset={!String.isBlank(props.spotLogo)}  class="spotlogo" src={props.spotLogo} />
             </div>
+            <a class="spotlink" href={props.href} @if.has={props.href} target="_blank" target.@if.ifChecked={props.target}></a>
         </section>
     `
-    renderer.@process.wrapInAnchor = Neos.Fusion:Tag {
-        tagName = 'a'
-        attributes.href = ${props.href}
-        attributes.target = '_blank'
-        attributes.target.@if.ifChecked = ${props.targetgi}
-        content = ${value}
-        @if.hasAnchor = ${props.href}
-    }
 }
diff --git a/Resources/Public/Theme/assets/css/main.css b/Resources/Public/Theme/assets/css/main.css
@@ -2165,6 +2165,13 @@ button:disabled,
     display: -webkit-flex;
     display: -ms-flex;
     display: flex;
+    position: relative;
+}
+.spotlight .spotlink {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 999;
 }
 .spotlight .image {
     -moz-order: 1;