Minor styling changes

Makefile

@@ -28,7 +28,7 @@ BACKEND_FOLDER=$(shell dirname $(realpath $(firstword $(MAKEFILE_LIST))))
 ifdef PLONE_VERSION
 PLONE_VERSION := $(PLONE_VERSION)
 else
-PLONE_VERSION := 6.1.2
+PLONE_VERSION := 6.1.4
 endif
 
 VENV_FOLDER=$(BACKEND_FOLDER)/.venv

news/+style.bugfix

@@ -0,0 +1 @@
+Minor styling fixes @libargutxi

src/cs_dynamicpages/locales/cs_dynamicpages.pot

@@ -4,7 +4,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
-"POT-Creation-Date: 2026-03-12 08:02+0000\n"
+"POT-Creation-Date: 2026-04-14 15:35+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI +ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -57,7 +57,7 @@ msgstr ""
 msgid "Apply this template"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:79
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:80
 #: cs_dynamicpages/views/dynamic_view.pt:480
 msgid "Are you sure you want to delete this item? This action cannot be undone."
 msgstr ""
@@ -70,12 +70,12 @@ msgstr ""
 msgid "CSS class for the spacer"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:82
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:83
 #: cs_dynamicpages/views/dynamic_view.pt:483
 msgid "Cancel"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:71
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:72
 #: cs_dynamicpages/views/dynamic_view.pt:372
 msgid "Close"
 msgstr ""
@@ -84,7 +84,7 @@ msgstr ""
 msgid "Column count"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:66
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:67
 #: cs_dynamicpages/views/dynamic_view.pt:468
 msgid "Confirm Deletion"
 msgstr ""
@@ -198,7 +198,7 @@ msgstr ""
 msgid "If selected a 'Add featured' button will be added in the edit interface. This is useful for rows that have content pieces inside them. For example in a slider row, there are slider items. This button will be used to add those items."
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:56
+#: cs_dynamicpages/behaviors/related_image.py:65
 msgid "Image position"
 msgstr ""
 
@@ -238,7 +238,7 @@ msgstr ""
 msgid "Package to configure a new cs_dynamicpages site"
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:37
+#: cs_dynamicpages/behaviors/related_image.py:51
 msgid "Related image"
 msgstr ""
 
@@ -343,11 +343,11 @@ msgstr ""
 msgid "Select the padding top that this row will have"
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:57
+#: cs_dynamicpages/behaviors/related_image.py:66
 msgid "Select the position of this image"
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:38
+#: cs_dynamicpages/behaviors/related_image.py:52
 msgid "Select the related image that will be shown in this row"
 msgstr ""
 

src/cs_dynamicpages/locales/en/LC_MESSAGES/cs_dynamicpages.po

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
-"POT-Creation-Date: 2026-03-12 08:02+0000\n"
+"POT-Creation-Date: 2026-04-14 15:35+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI +ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -54,7 +54,7 @@ msgstr ""
 msgid "Apply this template"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:79
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:80
 #: cs_dynamicpages/views/dynamic_view.pt:480
 msgid "Are you sure you want to delete this item? This action cannot be undone."
 msgstr ""
@@ -67,12 +67,12 @@ msgstr ""
 msgid "CSS class for the spacer"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:82
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:83
 #: cs_dynamicpages/views/dynamic_view.pt:483
 msgid "Cancel"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:71
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:72
 #: cs_dynamicpages/views/dynamic_view.pt:372
 msgid "Close"
 msgstr ""
@@ -81,7 +81,7 @@ msgstr ""
 msgid "Column count"
 msgstr ""
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:66
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:67
 #: cs_dynamicpages/views/dynamic_view.pt:468
 msgid "Confirm Deletion"
 msgstr ""
@@ -195,7 +195,7 @@ msgstr ""
 msgid "If selected a 'Add featured' button will be added in the edit interface. This is useful for rows that have content pieces inside them. For example in a slider row, there are slider items. This button will be used to add those items."
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:56
+#: cs_dynamicpages/behaviors/related_image.py:65
 msgid "Image position"
 msgstr ""
 
@@ -235,7 +235,7 @@ msgstr ""
 msgid "Package to configure a new cs_dynamicpages site"
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:37
+#: cs_dynamicpages/behaviors/related_image.py:51
 msgid "Related image"
 msgstr ""
 
@@ -340,11 +340,11 @@ msgstr ""
 msgid "Select the padding top that this row will have"
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:57
+#: cs_dynamicpages/behaviors/related_image.py:66
 msgid "Select the position of this image"
 msgstr ""
 
-#: cs_dynamicpages/behaviors/related_image.py:38
+#: cs_dynamicpages/behaviors/related_image.py:52
 msgid "Select the related image that will be shown in this row"
 msgstr ""
 

src/cs_dynamicpages/locales/es/LC_MESSAGES/cs_dynamicpages.po

@@ -1,11 +1,10 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: \n"
-"POT-Creation-Date: 2026-03-12 08:02+0000\n"
+"POT-Creation-Date: 2026-04-14 15:35+0000\n"
 "PO-Revision-Date: 2026-03-12 09:05+0100\n"
 "Last-Translator: \n"
 "Language-Team: \n"
-"Language: es\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
@@ -14,6 +13,7 @@ msgstr ""
 "Language-Name: English\n"
 "Preferred-Encodings: utf-8 latin1\n"
 "Domain: cs_dynamicpages\n"
+"Language: es\n"
 "X-Generator: Poedit 3.4.2\n"
 
 #: cs_dynamicpages/vocabularies/row_columns.py:25
@@ -56,7 +56,7 @@ msgstr "Añadir plantilla"
 msgid "Apply this template"
 msgstr "Aplicar esta plantilla"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:79
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:80
 #: cs_dynamicpages/views/dynamic_view.pt:480
 msgid "Are you sure you want to delete this item? This action cannot be undone."
 msgstr "¿Estás seguro de que quieres eliminar este elemento? Esta acción no se puede deshacer."
@@ -69,12 +69,12 @@ msgstr "Clase CSS para el ancho de la fila"
 msgid "CSS class for the spacer"
 msgstr "Clase CSS para el espaciador"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:82
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:83
 #: cs_dynamicpages/views/dynamic_view.pt:483
 msgid "Cancel"
 msgstr "Cancelar"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:71
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:72
 #: cs_dynamicpages/views/dynamic_view.pt:372
 msgid "Close"
 msgstr "Cerrar"
@@ -83,7 +83,7 @@ msgstr "Cerrar"
 msgid "Column count"
 msgstr "Número de columnas"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:66
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:67
 #: cs_dynamicpages/views/dynamic_view.pt:468
 msgid "Confirm Deletion"
 msgstr "Confirmar eliminado"
@@ -197,7 +197,7 @@ msgstr "Nombre de icono de la fila (utilizar nombres de iconos de bootstrap)"
 msgid "If selected a 'Add featured' button will be added in the edit interface. This is useful for rows that have content pieces inside them. For example in a slider row, there are slider items. This button will be used to add those items."
 msgstr "Si está seleccionado se mostrará un botón \"Añadir destacado\" en la interfaz de edición. Esto es útil para filas que tiene elementos de contenido dentro de ellas. Por ejemplo en un slider de imágenes, cada una de las imágenes será un \"destacado\". Este botón se utiliza para añadir este tipo de elementos."
 
-#: cs_dynamicpages/behaviors/related_image.py:56
+#: cs_dynamicpages/behaviors/related_image.py:65
 msgid "Image position"
 msgstr "Posición de la imagen"
 
@@ -237,7 +237,7 @@ msgstr "Notificación"
 msgid "Package to configure a new cs_dynamicpages site"
 msgstr "Paquete para configurar cs_dynamicpages"
 
-#: cs_dynamicpages/behaviors/related_image.py:37
+#: cs_dynamicpages/behaviors/related_image.py:51
 msgid "Related image"
 msgstr "Imagen relacionada"
 
@@ -342,11 +342,11 @@ msgstr "Seleccione el padding inferior que tendrá esta fila"
 msgid "Select the padding top that this row will have"
 msgstr "Seleccione el padding superior que tendrá esta fila"
 
-#: cs_dynamicpages/behaviors/related_image.py:57
+#: cs_dynamicpages/behaviors/related_image.py:66
 msgid "Select the position of this image"
 msgstr "Seleccione la posición de esta imagen"
 
-#: cs_dynamicpages/behaviors/related_image.py:38
+#: cs_dynamicpages/behaviors/related_image.py:52
 msgid "Select the related image that will be shown in this row"
 msgstr "Seleccione la imagen relaconada que se mostrará en esta fila"
 

src/cs_dynamicpages/locales/eu/LC_MESSAGES/cs_dynamicpages.po

@@ -1,11 +1,10 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: \n"
-"POT-Creation-Date: 2026-03-12 08:02+0000\n"
+"POT-Creation-Date: 2026-04-14 15:35+0000\n"
 "PO-Revision-Date: 2026-03-12 09:06+0100\n"
 "Last-Translator: \n"
 "Language-Team: \n"
-"Language: eu\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
@@ -14,6 +13,7 @@ msgstr ""
 "Language-Name: English\n"
 "Preferred-Encodings: utf-8 latin1\n"
 "Domain: cs_dynamicpages\n"
+"Language: eu\n"
 "X-Generator: Poedit 3.4.2\n"
 
 #: cs_dynamicpages/vocabularies/row_columns.py:25
@@ -56,7 +56,7 @@ msgstr "Gehitu txantiloia"
 msgid "Apply this template"
 msgstr "Aplikatu txantiloi hau"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:79
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:80
 #: cs_dynamicpages/views/dynamic_view.pt:480
 msgid "Are you sure you want to delete this item? This action cannot be undone."
 msgstr "Ziur zaude elementu hau ezabatu nahi duzula? Ekintza hau ezin da desegin."
@@ -69,12 +69,12 @@ msgstr "Lerroaren zabaleraren CSS klasea"
 msgid "CSS class for the spacer"
 msgstr "Espazioa ematen duen elementuaren CSS klasea"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:82
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:83
 #: cs_dynamicpages/views/dynamic_view.pt:483
 msgid "Cancel"
 msgstr "Utzi"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:71
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:72
 #: cs_dynamicpages/views/dynamic_view.pt:372
 msgid "Close"
 msgstr "Itxi"
@@ -83,7 +83,7 @@ msgstr "Itxi"
 msgid "Column count"
 msgstr "Zutabe kopurua"
 
-#: cs_dynamicpages/views/dynamic_pages_template_management.pt:66
+#: cs_dynamicpages/views/dynamic_pages_template_management.pt:67
 #: cs_dynamicpages/views/dynamic_view.pt:468
 msgid "Confirm Deletion"
 msgstr "Baieztatu ezabatzea"
@@ -197,7 +197,7 @@ msgstr "Lerroaren ikonoa"
 msgid "If selected a 'Add featured' button will be added in the edit interface. This is useful for rows that have content pieces inside them. For example in a slider row, there are slider items. This button will be used to add those items."
 msgstr "Aukeratuta badago, edizio interfazean \"Gehitu elementu destakatua\" botoia agertuko da. Eduki elementuak dituzten lerroentzat da hau erabilgarria. Adibidez, karrusel bat adierazten duen lerro baten, elementu destakatua karruseleko elementuetako bakoitza izango da. Botoi hau elementu horiek gehitzeko erabiliko da."
 
-#: cs_dynamicpages/behaviors/related_image.py:56
+#: cs_dynamicpages/behaviors/related_image.py:65
 msgid "Image position"
 msgstr "Irudiaren posizioa"
 
@@ -237,7 +237,7 @@ msgstr "Jakinarazpena"
 msgid "Package to configure a new cs_dynamicpages site"
 msgstr "cs_dynamicpages konfiguratzeko paketea"
 
-#: cs_dynamicpages/behaviors/related_image.py:37
+#: cs_dynamicpages/behaviors/related_image.py:51
 msgid "Related image"
 msgstr "Irudi erlazionatua"
 
@@ -342,11 +342,11 @@ msgstr "Aukeratu lerro honen azpiko paddinga"
 msgid "Select the padding top that this row will have"
 msgstr "Aukeratu lerro honen gaineko paddinga"
 
-#: cs_dynamicpages/behaviors/related_image.py:57
+#: cs_dynamicpages/behaviors/related_image.py:66
 msgid "Select the position of this image"
 msgstr "Aukeratu irudiaren posizioa"
 
-#: cs_dynamicpages/behaviors/related_image.py:38
+#: cs_dynamicpages/behaviors/related_image.py:52
 msgid "Select the related image that will be shown in this row"
 msgstr "Aukeratu lerro honetan agertuko den erlazionatutako irudia"
 

src/cs_dynamicpages/tests/test_view_featured_view.py

@@ -98,7 +98,7 @@ def test_featured_view_renders_row_structure(self):
             name="cs_dynamicpages-featured-view",
         )
         html = view()
-        self.assertIn('class="row"', html)
+        self.assertIn('class="row ', html)
         self.assertIn("col-md-6", html)
 
     def test_featured_view_renders_title(self):

src/cs_dynamicpages/views/accordion_view.pt

@@ -2,18 +2,18 @@
      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
      xmlns:metal="http://xml.zope.org/namespaces/metal"
      xmlns:tal="http://xml.zope.org/namespaces/tal"
-     class="accordion accordion-flush"
+     class="accordion shadow-sm mb-4"
      id="accordionDynamicPage-${context/id}"
      tal:define="
        elements view/elements;
      "
      tal:condition="elements"
 >
-  <div class="accordion-item"
+  <div class="accordion-item border-0 border-bottom"
        tal:repeat="brain elements"
   >
-    <div class="accordion-header h3">
-      <button class="accordion-button collapsed"
+    <div class="accordion-header h3 m-0">
+      <button class="accordion-button collapsed fw-bold fs-5 bg-white text-dark"
               aria-controls="accordionDynamicPage-${context/id}-${brain/id}"
               aria-expanded="false"
               type="button"
@@ -27,7 +27,7 @@
          id="accordionDynamicPage-${context/id}-${brain/id}"
          data-bs-parent="#accordionDynamicPage-${context/id}"
     >
-      <div class="accordion-body"
+      <div class="accordion-body bg-light"
            tal:define="
              element brain/getObject;
            "

src/cs_dynamicpages/views/dynamic_pages_template_management.pt

@@ -63,6 +63,7 @@
               <div class="modal-dialog">
                 <div class="modal-content">
                   <div class="modal-header">
+
                     <h5 class="modal-title"
                         id="deleteElementModalLabel-${repeat/template/number}"
                         i18n:translate=""
@@ -92,8 +93,8 @@
                   </div>
                 </div>
               </div>
-            </div>
-          </li>
+
+            </div></li>
         </ul>
       </metal:block>
     </metal:content-core>