Project page minor styling adjustmens

CHANGELOG.md

@@ -8,6 +8,8 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 
 * [PR-537](https://github.com/itk-dev/deltag.aarhus.dk/pull/537)
   5209: Cleaned up public meeting summary view
+* [PR-538](https://github.com/itk-dev/deltag.aarhus.dk/pull/538)
+  Update project page styling - Closes issues #536
 
 ## [4.11.0] - 2025-07-01
 

config/sync/core.entity_form_display.node.project_page.default.yml

@@ -5,6 +5,7 @@ dependencies:
   config:
     - field.field.node.project_page.field_content_sections
     - field.field.node.project_page.field_project_category
+    - field.field.node.project_page.field_teaser
     - node.type.project_page
   module:
     - maxlength
@@ -52,6 +53,14 @@ content:
       size: 100
       placeholder: ''
     third_party_settings: {  }
+  field_teaser:
+    type: string_textarea
+    weight: 1
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
   langcode:
     type: language_select
     weight: 3

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

@@ -5,6 +5,7 @@ dependencies:
   config:
     - field.field.node.project_page.field_content_sections
     - field.field.node.project_page.field_project_category
+    - field.field.node.project_page.field_teaser
     - node.type.project_page
   module:
     - entity_reference_revisions
@@ -21,15 +22,22 @@ content:
       view_mode: default
       link: ''
     third_party_settings: {  }
-    weight: 0
+    weight: 2
     region: content
   field_project_category:
     type: entity_reference_label
     label: visually_hidden
     settings:
       link: true
     third_party_settings: {  }
-    weight: 7
+    weight: 1
+    region: content
+  field_teaser:
+    type: basic_string
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 0
     region: content
 hidden:
   langcode: true

config/sync/core.entity_view_display.node.project_page.list_display.yml

@@ -0,0 +1,40 @@
+uuid: df31d120-b83b-4267-881f-562181eb12a3
+langcode: da
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.list_display
+    - field.field.node.project_page.field_content_sections
+    - field.field.node.project_page.field_project_category
+    - field.field.node.project_page.field_teaser
+    - node.type.project_page
+  module:
+    - user
+id: node.project_page.list_display
+targetEntityType: node
+bundle: project_page
+mode: list_display
+content:
+  field_teaser:
+    type: basic_string
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 1
+    region: content
+  links:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 100
+    region: content
+  sharing_buttons:
+    settings: {  }
+    third_party_settings: {  }
+    weight: 100
+    region: content
+hidden:
+  field_content_sections: true
+  field_project_category: true
+  langcode: true
+  published_at: true
+  search_api_excerpt: true

config/sync/core.entity_view_display.node.project_page.teaser.yml

@@ -6,6 +6,7 @@ dependencies:
     - core.entity_view_mode.node.teaser
     - field.field.node.project_page.field_content_sections
     - field.field.node.project_page.field_project_category
+    - field.field.node.project_page.field_teaser
     - node.type.project_page
   module:
     - user
@@ -22,6 +23,13 @@ content:
     third_party_settings: {  }
     weight: 0
     region: content
+  field_teaser:
+    type: basic_string
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 0
+    region: content
 hidden:
   field_content_sections: true
   langcode: true

config/sync/field.field.node.project_page.field_teaser.yml

@@ -0,0 +1,19 @@
+uuid: bbb50cdb-201a-4ee2-8464-654937de6277
+langcode: da
+status: true
+dependencies:
+  config:
+    - field.storage.node.field_teaser
+    - node.type.project_page
+id: node.project_page.field_teaser
+field_name: field_teaser
+entity_type: node
+bundle: project_page
+label: Teaser/indledning
+description: 'Kort tekst der vises i teasers og i toppen af indholdsvisningen'
+required: false
+translatable: false
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: string_long

config/sync/node.type.project_main_page.yml

@@ -11,7 +11,7 @@ third_party_settings:
     parent: 'main:'
 name: Project
 type: project_main_page
-description: 'Use this to create a project page'
+description: 'Use this to create a landing page for your project'
 help: null
 new_revision: true
 preview_mode: 1

web/themes/custom/hoeringsportal/templates/node/node--project-page.html.twig

@@ -1,17 +1,20 @@
 {# Main container #}
 <div class="container content__container">
   <div class="row">
-    <div class="col-md-8 py-3 py-md-5">
-      {{ content.field_project_category }}
+    <div class="col-md-8 py-3 pt-md-5">
+      <span class="text-primary">{{ content.field_project_category }}</span>
       <h1>{{ node.title.value }}</h1>
-      {{ content|without('field_project_category', 'field_content_sections', 'published_at') }}
+      {% if content.field_teaser %}
+        <p class="fs-3">{{ content.field_teaser }}</p>
+      {% endif %}
+      {{ content|without('field_project_category', 'field_teaser', 'field_content_sections', 'published_at') }}
     </div>
     <div class="col-md-4 pt-md-3">
       {{ content.field_aside_block }}
     </div>
   </div>
 </div>
-<div class="sections d-flex flex-column row-gap-5">
+<div class="d-flex flex-column row-gap-3">
   {{ content.field_content_sections }}
 </div>
 <div class="container">

web/themes/custom/hoeringsportal/templates/paragraph/paragraph--content-block.html.twig

@@ -38,7 +38,7 @@
  * @ingroup themeable
  */
 #}
-<div class="container my-3 my-md-5">
+<div class="container my-2 my-lg-4">
   <div class="row">
     <div class="col-md-12">
       {% if content.field_paragraph_title['#items'] is not empty %}

web/themes/custom/hoeringsportal/templates/paragraph/paragraph--content-list.html.twig

@@ -38,7 +38,7 @@
  * @ingroup themeable
  */
 #}
-<div class="container my-3 my-md-5">
+<div class="container my-2 my-lg-4">
   <div class="row align-items-center my-3 mt-md-5 mb-md-3">
     <div class="col">
       <h2>{{ paragraph.field_list_title.value }}</h2>

web/themes/custom/hoeringsportal/templates/paragraph/paragraph--files.html.twig

@@ -1,6 +1,6 @@
 {# Paragraph for exposing downloadable files #}
 
-<div class="container my-3 my-md-5">
+<div class="container my-2 my-lg-4">
   <div class="row">
     <div class="col-md-8">
       {% block paragraph %}

web/themes/custom/hoeringsportal/templates/paragraph/paragraph--info-box.html.twig

@@ -38,7 +38,7 @@
  * @ingroup themeable
  */
 #}
-<div class="container my-3 my-md-5">
+<div class="container my-2 my-lg-4">
   <div class="row">
     <div class="col-md-8">
       <div class="info-box rounded overflow-hidden {{ elements.field_variant_select.0['#markup']|clean_class }}">

web/themes/custom/hoeringsportal/templates/paragraph/paragraph--teaser-row.html.twig

@@ -1,4 +1,4 @@
-<div class="container my-3 my-md-5">
+<div class="container my-2 my-lg-4">
   <div class="row">
     <div class="col-md-12">
       {% if paragraph.field_paragraph_title.value %}

web/themes/custom/hoeringsportal/templates/paragraph/paragraph--text-aside-blocks-2-column.html.twig

@@ -1,4 +1,4 @@
-<div class="container my-3 my-md-5">
+<div class="container my-2 my-lg-4">
   <div class="row">
     <div class="{{ paragraph.field_aside_block.value ? 'col-md-8' : 'col-md-12' }}">
       {% if paragraph.field_title.value %}

web/themes/custom/hoeringsportal/templates/paragraph/paragraph.html.twig

@@ -38,7 +38,7 @@
  * @ingroup themeable
  */
 #}
-<div class="container my-3 my-md-5">
+<div class="container my-2 my-lg-4">
   <div class="row">
     <div class="col-md-12">
       {% block paragraph %}