ISAICP-8425: Update detailed information section.

config/sync/core.entity_view_display.node.oss_solution.default.yml

@@ -692,11 +692,15 @@ third_party_settings:
                   link: false
                 third_party_settings:
                   field_delimiter:
-                    delimiter: ''
+                    delimiter: ','
                   field_formatter_range:
                     order: 0
                     limit: 0
                     offset: 0
+                  joinup_slick:
+                    preset: ''
+                    field_label: true
+                    custom_label: ''
                   template_suggestion:
                     template_suggestion: ''
             weight: 4

web/themes/ventuno/assets/css/oss-solution-full.min.css

-.eu-oss-catalogue .btn-secondary{background-color:#e8f3f0;color:#19764f}.eu-oss-catalogue .btn-secondary:hover{background-color:#e8f3f0}.eu-oss-catalogue .bg-brand{background-color:#19764f!important}.eu-oss-catalogue .bg-secondary{background-color:#e8f3f0!important}.eu-oss-catalogue .btn-link,.eu-oss-catalogue .button--link{color:#19764f!important}.eu-oss-catalogue .btn-brand,.eu-oss-catalogue .btn-primary{background-color:#249866!important;border:1px solid #1f8358}.eu-oss-catalogue .btn-outline-brand{border:1px solid #249866;color:#249866}.eu-oss-catalogue .btn-outline-brand:hover{background-color:#249866;color:#fff}.eu-oss-catalogue .text-bg-primary{background-color:#e8f3f0!important}.eu-oss-catalogue .text-bg-primary.badge{color:#249866!important}.eu-oss-catalogue .text-secondary{color:#19764f!important}.eu-oss-catalogue .oss__instructions .layout__region--first:before{background-color:#e8f3f0}.eu-oss-catalogue .oss__instructions .layout__region--first .paragraph h3:before{background-color:#19764f}.eu-oss-catalogue .oss__social .paragraph--call-to-action a{background-color:transparent!important}.eu-oss-catalogue .oss__social .paragraph--call-to-action a:before{background-color:#249866}.eu-oss-catalogue .joinup-search-filters .facets-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none}.eu-oss-catalogue .joinup-search-filters .facets-checkbox:checked[type=checkbox]{background-color:#249866;border-color:#1f8358}.eu-oss-catalogue .joinup-search-filters .facets-soft-limit-link{color:#249866}.eu-oss-catalogue .joinup-search-filters .facets-soft-limit-link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23249866' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");display:inline-block}.eu-oss-catalogue .view-search-oss-catalogue .js-form-item .btn-search{background-color:#249866}.eu-oss-catalogue .pagination .page-item .page-link{color:#249866}.eu-oss-catalogue .pagination .page-item .page-link:hover{background-color:#e8f3f0}.eu-oss-catalogue .pagination .page-item .page-link .bi{color:#249866}.eu-oss-catalogue .pagination .page-item.active .page-link{background-color:#e8f3f0;color:#249866}.oss-solution a:link,.oss-solution a:visited{color:#249866}.oss-solution__header{position:relative}.oss-solution__header:before{background:#f8f9fa;content:"";display:block;height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}.oss-solution__header-logo div:not(:empty){width:100px}.oss-solution__header-logo div:not(:empty) img{height:auto;max-width:100%}@media (min-width:992px){.oss-solution__header-logo div:not(:empty){margin-right:1rem}}.oss-solution__header h1{font-weight:700;margin-bottom:0}.oss-solution .l-oss-heading{padding-block:0;position:relative}.oss-solution .l-oss-heading:before{background:#f8f9fa;content:"";display:block;height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}.oss-solution .l-oss-heading__right{position:relative}.oss-solution .l-oss-heading__right:after{background:#e8f3f0;content:"";height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}@media (min-width:768px){.oss-solution .l-oss-heading__right:after{inset-inline-start:0;left:0;margin-inline-start:0}}.oss-solution .l-oss-heading__right .block:not([class*=oss-vitality-index-range]){margin-bottom:2rem}.oss-solution .l-oss-heading__row--branding{flex-direction:column;gap:1rem;justify-content:center}@media (min-width:768px){.oss-solution .l-oss-heading__row--branding{flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:flex-start}}.oss-solution .l-oss-heading__indicator .block:not(:last-child){margin-right:2rem}.oss-solution .l-oss-heading__indicator .git-indicator span{font-size:1rem}.oss-solution .l-oss-heading__indicator .git-indicator:after{height:2.2em;width:2.2em}.oss-solution .l-oss-heading__aside{position:relative}.oss-solution .l-oss-heading__aside .modal-dialog{align-items:center;display:flex;min-height:calc(100% - var(--bs-modal-margin)*2)}.oss-solution .l-oss-heading__vitality{align-items:center;display:flex;gap:1rem}.oss-solution .l-oss-heading__vitality div{color:#249866;font-size:1.5rem;margin-bottom:.5rem}@media (min-width:768px){.oss-solution .l-oss-heading__top-left{flex:0 1 100px}.oss-solution .l-oss-heading__top-right{flex:1 3 auto}}.oss-solution .l-oss-heading__third-left .block{margin-right:3rem}.oss-solution__oss-vitality-index{color:#249866;font-size:1.5rem}.oss-solution__oss-vitality-index-range .vitality-index-info-button{position:absolute;right:calc(100% - 11rem);top:0}.oss-solution__oss-software-version{margin-bottom:1rem;margin-right:2rem}.oss-solution__oss-software-version .field__label{margin-bottom:.5rem}.oss-solution__oss-software-version .field__item{background-color:#19764f;border-radius:50rem;color:#fff;display:inline;font-weight:700;padding:.25rem .75rem}.oss-solution__oss-categories{margin-bottom:1rem}.oss-solution__oss-categories .field__label{margin-bottom:.5rem}.oss-solution__oss-categories a{background-color:#e8f3f0;border-radius:50rem;font-weight:700;padding:.25rem .75rem;white-space:nowrap}.oss-solution__oss-categories a:hover{text-decoration:none}.oss-solution__description{color:#858a8c;font-size:1.25rem;margin-block-end:1rem}.oss-solution__oss-source .field__item{font-weight:700}.oss-solution__oss-git-url{margin-block-end:.5rem}.oss-solution__oss-git-url a{font-weight:700}.oss-solution__oss-git-url a:before{background-color:#249866;content:"";display:inline-block;height:1.2em;margin-inline-end:.5rem;-webkit-mask-image:url(../icons/folder2-open.svg);mask-image:url(../icons/folder2-open.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;width:1.2em}.oss-solution__oss-landing-url{margin-block-end:.5rem}.oss-solution__oss-landing-url a{font-weight:700}.oss-solution__oss-landing-url a:before{background-color:#249866;content:"";display:inline-block;height:1.5em;margin-inline-end:.3rem;-webkit-mask-image:url(../icons/link-45deg.svg);mask-image:url(../icons/link-45deg.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;width:1.5em}.oss-solution__oss__documentation a{font-weight:700}.oss-solution__oss__documentation a:before{background-color:#249866;content:"";display:inline-block;height:1.3em;margin-inline-end:.4rem;-webkit-mask-image:url(../icons/file-earmark-text.svg);mask-image:url(../icons/file-earmark-text.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;width:1.3em}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description{padding-block:3rem;position:relative}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description:before{background:#f8f9fa;content:"";display:block;height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description .oss-solution__long-description--long{display:-webkit-box!important;font-size:1.25rem;min-height:60px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description .oss-solution__long-description--long.collapsing,.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description .oss-solution__long-description--long.show{-webkit-line-clamp:unset}.oss-solution__illustration{aspect-ratio:4/3;background:url(../images/oss-illustration.svg) no-repeat top;background-size:contain;height:auto;width:100%}@media (min-width:992px){.oss-solution__illustration{background-size:auto}}.oss-solution__oss-features{list-style:none;margin-left:0}.oss-solution__oss-features li{color:#858a8c;font-size:1.25rem;margin-bottom:.5rem}.oss-solution__oss-features li:before{background-color:#249866;content:"";display:inline-block;height:1em;height:1.8em;margin-inline-end:.8rem;-webkit-mask-image:url(../icons/check-lg.svg);mask-image:url(../icons/check-lg.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;vertical-align:-.5em;width:1em;width:1.8em}.oss-solution__oss-scope{display:flex;flex-wrap:wrap;gap:.5rem}.oss-solution__oss-scope a{background-color:#e8f3f0;border-radius:50rem;color:#249866;font-weight:700;padding:.25rem .75rem;white-space:nowrap}.oss-solution__oss-scope a:hover{text-decoration:none}.oss-solution .l-ventuno--joinup_layout_four_column_grid--section-label-detailed-information__region-content{background-color:#f8f9fa;padding:1rem}.oss-solution .l-ventuno--joinup_layout_four_column_grid--section-label-detailed-information__region-content .block-layout-builder .field__items{display:flex;flex-wrap:wrap;gap:.5rem}.oss-solution .oss-solution__oss-screenshots{background-color:#f8f9fa;padding:1rem}.oss-solution .oss-solution__oss-screenshots .field__item a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oss-solution .layout .block-layout-builder+.block-layout-builder{margin-block-start:2rem}.oss-solution .btn-secondary{background-color:#e8f3f0;color:#19764f}.oss-solution .btn-secondary:hover{background-color:#e8f3f0}
+.eu-oss-catalogue .btn-secondary{background-color:#e8f3f0;color:#19764f}.eu-oss-catalogue .btn-secondary:hover{background-color:#e8f3f0}.eu-oss-catalogue .bg-brand{background-color:#19764f!important}.eu-oss-catalogue .bg-secondary{background-color:#e8f3f0!important}.eu-oss-catalogue .btn-link,.eu-oss-catalogue .button--link{color:#19764f!important}.eu-oss-catalogue .btn-brand,.eu-oss-catalogue .btn-primary{background-color:#249866!important;border:1px solid #1f8358}.eu-oss-catalogue .btn-outline-brand{border:1px solid #249866;color:#249866}.eu-oss-catalogue .btn-outline-brand:hover{background-color:#249866;color:#fff}.eu-oss-catalogue .text-bg-primary{background-color:#e8f3f0!important}.eu-oss-catalogue .text-bg-primary.badge{color:#249866!important}.eu-oss-catalogue .text-secondary{color:#19764f!important}.eu-oss-catalogue .oss__instructions .layout__region--first:before{background-color:#e8f3f0}.eu-oss-catalogue .oss__instructions .layout__region--first .paragraph h3:before{background-color:#19764f}.eu-oss-catalogue .oss__social .paragraph--call-to-action a{background-color:transparent!important}.eu-oss-catalogue .oss__social .paragraph--call-to-action a:before{background-color:#249866}.eu-oss-catalogue .joinup-search-filters .facets-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none}.eu-oss-catalogue .joinup-search-filters .facets-checkbox:checked[type=checkbox]{background-color:#249866;border-color:#1f8358}.eu-oss-catalogue .joinup-search-filters .facets-soft-limit-link{color:#249866}.eu-oss-catalogue .joinup-search-filters .facets-soft-limit-link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23249866' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");display:inline-block}.eu-oss-catalogue .view-search-oss-catalogue .js-form-item .btn-search{background-color:#249866}.eu-oss-catalogue .pagination .page-item .page-link{color:#249866}.eu-oss-catalogue .pagination .page-item .page-link:hover{background-color:#e8f3f0}.eu-oss-catalogue .pagination .page-item .page-link .bi{color:#249866}.eu-oss-catalogue .pagination .page-item.active .page-link{background-color:#e8f3f0;color:#249866}.oss-solution a:link,.oss-solution a:visited{color:#249866}.oss-solution__header{position:relative}.oss-solution__header:before{background:#f8f9fa;content:"";display:block;height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}.oss-solution__header-logo div:not(:empty){width:100px}.oss-solution__header-logo div:not(:empty) img{height:auto;max-width:100%}@media (min-width:992px){.oss-solution__header-logo div:not(:empty){margin-right:1rem}}.oss-solution__header h1{font-weight:700;margin-bottom:0}.oss-solution .l-oss-heading{padding-block:0;position:relative}.oss-solution .l-oss-heading:before{background:#f8f9fa;content:"";display:block;height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}.oss-solution .l-oss-heading__right{position:relative}.oss-solution .l-oss-heading__right:after{background:#e8f3f0;content:"";height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}@media (min-width:768px){.oss-solution .l-oss-heading__right:after{inset-inline-start:0;left:0;margin-inline-start:0}}.oss-solution .l-oss-heading__right .block:not([class*=oss-vitality-index-range]){margin-bottom:2rem}.oss-solution .l-oss-heading__row--branding{flex-direction:column;gap:1rem;justify-content:center}@media (min-width:768px){.oss-solution .l-oss-heading__row--branding{flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:flex-start}}.oss-solution .l-oss-heading__indicator .block:not(:last-child){margin-right:2rem}.oss-solution .l-oss-heading__indicator .git-indicator span{font-size:1rem}.oss-solution .l-oss-heading__indicator .git-indicator:after{height:2.2em;width:2.2em}.oss-solution .l-oss-heading__aside{position:relative}.oss-solution .l-oss-heading__aside .modal-dialog{align-items:center;display:flex;min-height:calc(100% - var(--bs-modal-margin)*2)}.oss-solution .l-oss-heading__vitality{align-items:center;display:flex;gap:1rem}.oss-solution .l-oss-heading__vitality div{color:#249866;font-size:1.5rem;margin-bottom:.5rem}@media (min-width:768px){.oss-solution .l-oss-heading__top-left{flex:0 1 100px}.oss-solution .l-oss-heading__top-right{flex:1 3 auto}}.oss-solution .l-oss-heading__third-left .block{margin-right:3rem}.oss-solution__oss-vitality-index{color:#249866;font-size:1.5rem}.oss-solution__oss-vitality-index-range .vitality-index-info-button{position:absolute;right:calc(100% - 11rem);top:0}.oss-solution__oss-software-version{margin-bottom:1rem;margin-right:2rem}.oss-solution__oss-software-version .field__label{margin-bottom:.5rem}.oss-solution__oss-software-version .field__item{background-color:#19764f;border-radius:50rem;color:#fff;display:inline;font-weight:700;padding:.25rem .75rem}.oss-solution__oss-categories{margin-bottom:1rem}.oss-solution__oss-categories .field__label{margin-bottom:.5rem}.oss-solution__oss-categories a{background-color:#e8f3f0;border-radius:50rem;font-weight:700;padding:.25rem .75rem;white-space:nowrap}.oss-solution__oss-categories a:hover{text-decoration:none}.oss-solution__description{color:#858a8c;font-size:1.25rem;margin-block-end:1rem}.oss-solution__oss-source .field__item{font-weight:700}.oss-solution__oss-git-url{margin-block-end:.5rem}.oss-solution__oss-git-url a{font-weight:700}.oss-solution__oss-git-url a:before{background-color:#249866;content:"";display:inline-block;height:1.2em;margin-inline-end:.5rem;-webkit-mask-image:url(../icons/folder2-open.svg);mask-image:url(../icons/folder2-open.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;width:1.2em}.oss-solution__oss-landing-url{margin-block-end:.5rem}.oss-solution__oss-landing-url a{font-weight:700}.oss-solution__oss-landing-url a:before{background-color:#249866;content:"";display:inline-block;height:1.5em;margin-inline-end:.3rem;-webkit-mask-image:url(../icons/link-45deg.svg);mask-image:url(../icons/link-45deg.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;width:1.5em}.oss-solution__oss__documentation a{font-weight:700}.oss-solution__oss__documentation a:before{background-color:#249866;content:"";display:inline-block;height:1.3em;margin-inline-end:.4rem;-webkit-mask-image:url(../icons/file-earmark-text.svg);mask-image:url(../icons/file-earmark-text.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;width:1.3em}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description{padding-block:3rem;position:relative}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description:before{background:#f8f9fa;content:"";display:block;height:100%;inset-inline-start:50%;margin-inline-start:-50vw;position:absolute;top:0;width:100vw;z-index:-1}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description .oss-solution__long-description--long{display:-webkit-box!important;font-size:1.25rem;min-height:60px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description .oss-solution__long-description--long.collapsing,.oss-solution .l-ventuno--layout_twocol_section--section-label-long-description .oss-solution__long-description--long.show{-webkit-line-clamp:unset}.oss-solution__illustration{aspect-ratio:4/3;background:url(../images/oss-illustration.svg) no-repeat top;background-size:contain;height:auto;width:100%}@media (min-width:992px){.oss-solution__illustration{background-size:auto}}.oss-solution__oss-features{list-style:none;margin-left:0}.oss-solution__oss-features li{color:#858a8c;font-size:1.25rem;margin-bottom:.5rem}.oss-solution__oss-features li:before{background-color:#249866;content:"";display:inline-block;height:1em;height:1.8em;margin-inline-end:.8rem;-webkit-mask-image:url(../icons/check-lg.svg);mask-image:url(../icons/check-lg.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:-.125em;vertical-align:-.5em;width:1em;width:1.8em}.oss-solution__oss-scope{display:flex;flex-wrap:wrap;gap:.5rem}.oss-solution__oss-scope a{background-color:#e8f3f0;border-radius:50rem;color:#249866;font-weight:700;padding:.25rem .75rem;white-space:nowrap}.oss-solution__oss-scope a:hover{text-decoration:none}.oss-solution .l-ventuno--joinup_layout_four_column_grid--section-label-detailed-information__region-content{background-color:#f8f9fa;gap:1.5rem;padding:1rem}.oss-solution .l-ventuno--joinup_layout_four_column_grid--section-label-detailed-information__region-content .block-layout-builder .field__items{display:inline-block;margin-right:.5rem}.oss-solution .l-ventuno--joinup_layout_four_column_grid--section-label-detailed-information__region-content .block-layout-builder .field__items .field__item{display:inline}.oss-solution .l-ventuno--joinup_layout_four_column_grid--section-label-detailed-information__region-content .block-layout-builder .field__items .field__item[data-modal-link]{display:block}.oss-solution .oss-solution__oss-screenshots{background-color:#f8f9fa;padding:1rem}.oss-solution .oss-solution__oss-screenshots .field__item a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oss-solution .layout .block-layout-builder+.block-layout-builder{margin-block-start:2rem}.oss-solution .btn-secondary{background-color:#e8f3f0;color:#19764f}.oss-solution .btn-secondary:hover{background-color:#e8f3f0}
 /*# sourceMappingURL=oss-solution-full.min.css.map */
\ No newline at end of file

web/themes/ventuno/src/scss/pages/oss-solution-full.scss

@@ -318,11 +318,17 @@
   .l-ventuno--joinup_layout_four_column_grid--section-label-detailed-information__region-content {
     padding: $spacer;
     background-color: $light;
+    gap: $spacer + 0.5;
 
     .block-layout-builder .field__items {
-      display: flex;
-      flex-wrap: wrap;
-      gap: $spacer * 0.5;
+      display: inline-block;
+      margin-right: $spacer * 0.5;
+      .field__item {
+        display: inline;
+        &[data-modal-link] {
+          display: block;
+        }
+      }
     }
   }