Merge pull request 'fix: center EditorJS image block in editor; rename Programmes button to Edit' (#8) from feat/truong-20042026-ProgrammeBlog into develop

Reviewed-on: UKSOURCE/cms.lams#8
2026-04-22 18:12:58 +00:00
parent 2094ada80f 5d201db3e4
commit 897d1d658f
2 changed files with 29 additions and 1 deletions
@@ -987,6 +987,34 @@
        padding: 0 1rem;
      }
    }
+
+    /* ── EditorJS image block: center when smaller than container ── */
+    .image-tool__image {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .image-tool__image-picture {
+      display: block;
+      max-width: 100%;
+      height: auto;
+      margin: 0 auto;
+      border-radius: 6px;
+    }
+
+    /* Ensure the cdx-block wrapper doesn't left-align */
+    .cdx-block.image-tool {
+      text-align: center;
+    }
+
+    /* caption stays centred too */
+    .image-tool__caption {
+      text-align: center;
+      font-size: 0.875rem;
+      color: #6c757d;
+      margin-top: 0.5rem;
+    }
  </style>
  <%- style %>
 </head>