neos#517 add possibility to make keyvisual smaller, e.g. for service …

…provider listing
NicoleNitschke · Sep 8, 2023 · e24e906 · e24e906
1 parent bcfba54
commit e24e906
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 1 deletion.
diff --git a/...osIo.ServiceOfferings/Resources/Private/Fusion/Documents/ServiceProviderCollection.fusion b/...osIo.ServiceOfferings/Resources/Private/Fusion/Documents/ServiceProviderCollection.fusion
@@ -1,6 +1,10 @@
 prototype(Neos.NeosIo.ServiceOfferings:Document.ServiceProviderCollection) < prototype(Neos.NeosIo:DefaultPage) {
     body {
         content {
+            keyVisual = Neos.NeosIo:KeyVisual {
+                keyVisualSize = 'small'
+            }
+
             main = Neos.Fusion:Join {
                 top = Neos.Neos:PrimaryContent {
                     nodePath = 'main'

diff --git a/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual.fusion b/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual.fusion
@@ -5,6 +5,7 @@ prototype(Neos.NeosIo:KeyVisual) < prototype(Neos.Fusion:Component) {
     // API
     keyVisualImage = null
     keyVisualImageSmall = null
+    keyVisualSize = 'default'
     isKeyVisualContentsInverted = false
     content = null
 

diff --git a/...ages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/AbstractRenderer.fusion b/...ages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/AbstractRenderer.fusion
@@ -10,7 +10,7 @@ prototype(Neos.NeosIo:KeyVisual.AbstractRenderer) < prototype(Neos.Fusion:Compon
     highQualityImageUri = ''
     imageSrcSet = ''
 
-    classes = "keyVisual print-hidden"
+    classes = ${"keyVisual keyVisual--" + props.keyVisualSize + " print-hidden"}
 
     divClasses = ${"keyVisual__contents u-alignCenter " + (this.isKeyVisualContentsInverted ? "u-invertText" : "")}
     previewImageStyleAttribute = ${"background-image: url('" + this.previewImageUri + "')"}

diff --git a/...Io/Resources/Private/Fusion/FusionObjects/KeyVisual/StaticPlaceholderImageRenderer.fusion b/...Io/Resources/Private/Fusion/FusionObjects/KeyVisual/StaticPlaceholderImageRenderer.fusion
@@ -13,4 +13,6 @@ prototype(Neos.NeosIo:KeyVisual.StaticPlaceholderImageRenderer) < prototype(Neos
         highRes = ${staticUrlPrefix + "-1280w.jpg 1280w, "}
         mediumRes = ${staticUrlPrefix + "-658w.jpg 658w"}
     }
+
+    keyVisualSize = ${props.keyVisualSize}
 }
diff --git a/DistributionPackages/Neos.NeosIo/Resources/Private/Scss/Organisms/_KeyVisual.scss b/DistributionPackages/Neos.NeosIo/Resources/Private/Scss/Organisms/_KeyVisual.scss
@@ -6,6 +6,12 @@
 	overflow: hidden;
 	background: #000;
 
+  &--small {
+    .keyVisual__contents {
+      height: MIN(250px, 25vw);
+    }
+  }
+
 	&:before {
 		content: '';
 		position: absolute;