Merge branch 'release/1.2.0'

Author: rhukster

CHANGELOG.md

@@ -1,3 +1,9 @@
+# v1.2.0
+## 12/23/2025
+
+1. [](#improved)
+    * Support regular `codesh` styling and features while inside a `codesh-group` shortcode
+
 # v1.1.0
 ## 12/23/2025
 

blueprints.yaml

@@ -1,7 +1,7 @@
 name: Code Syntax Highlighter
 slug: codesh
 type: plugin
-version: 1.1.0
+version: 1.2.0
 description: Server-side syntax highlighting using Phiki with line numbers, line highlighting, and focus support
 icon: code
 author:

classes/shortcodes/CodeshGroupShortcode.php

@@ -109,12 +109,12 @@ protected function process(ShortcodeInterface $sc): string
         $output .= '<div class="codesh-group-panels">';
         foreach ($panels as $panel) {
             $activeClass = $panel['active'] ? ' active' : '';
-            // Modify the panel HTML to add the panel wrapper and remove outer div classes
+            // Modify the panel HTML to add the panel wrapper while preserving codesh-block class
             $panelHtml = $panel['html'];
-            // Replace the outer codesh-block div with our panel div
+            // Add codesh-group-panel class to the outer div while keeping codesh-block for styling
             $panelHtml = preg_replace(
-                '/<div class="codesh-block[^"]*"/',
-                '<div class="codesh-group-panel' . $activeClass . '" data-panel="' . $panel['id'] . '"',
+                '/<div class="codesh-block([^"]*)"/',
+                '<div class="codesh-group-panel codesh-block$1' . $activeClass . '" data-panel="' . $panel['id'] . '"',
                 $panelHtml,
                 1
             );

css/codesh.css

@@ -389,16 +389,16 @@
     position: relative;
 }
 
-/* Individual panel */
-.codesh-group-panel {
+/* Individual panel - use higher specificity to override .codesh-block base styles */
+.codesh-group-panel.codesh-block {
     display: none;
     margin: 0;
     border-radius: 0;
     box-shadow: none;
     background: transparent;
 }
 
-.codesh-group-panel.active {
+.codesh-group-panel.codesh-block.active {
     display: block;
 }