diff --git a/_dev/src/components/RightPanel.vue b/_dev/src/components/RightPanel.vue index d6dde43e..fdd66bdd 100644 --- a/_dev/src/components/RightPanel.vue +++ b/_dev/src/components/RightPanel.vue @@ -218,23 +218,17 @@ emitter.on("globalSave", () => {
- +
+
diff --git a/classes/PrettyBlocksModel.php b/classes/PrettyBlocksModel.php index c90ea586..b51c232d 100644 --- a/classes/PrettyBlocksModel.php +++ b/classes/PrettyBlocksModel.php @@ -621,7 +621,8 @@ private function _getBlockTemplate($block) private function _getDefaultParams($block) { $options = [ - 'container' => true, + 'container' => false, + 'force_full_width' => false, 'load_ajax' => false, 'is_cached' => false, 'bg_color' => '', diff --git a/src/Controller/AdminThemeManagerController.php b/src/Controller/AdminThemeManagerController.php index 124962b2..34d99bdf 100644 --- a/src/Controller/AdminThemeManagerController.php +++ b/src/Controller/AdminThemeManagerController.php @@ -291,6 +291,7 @@ public function indexAction() 'auto_size_section' => $translator->trans('Auto sizing', [], 'Modules.Prettyblocks.Admin'), 'paddings_section_help' => $translator->trans('Padding is the space inside an element, between its content and its boundary', [], 'Modules.Prettyblocks.Admin'), 'margins_section_help' => $translator->trans('Margin refers to the space outside an element, separating it from other elements', [], 'Modules.Prettyblocks.Admin'), + 'force_full_width' => $translator->trans('Stretch section to 100%', [], 'Modules.Prettyblocks.Admin'), ], 'security_app' => [ 'ajax_token' => \Configuration::getGlobalValue('_PRETTYBLOCKS_TOKEN_'), diff --git a/views/css/_dev/main.css b/views/css/_dev/main.css index bd981dbd..7c9176ff 100644 --- a/views/css/_dev/main.css +++ b/views/css/_dev/main.css @@ -159,4 +159,13 @@ font-size: 1rem; margin: 0.5em 0; padding: 0 0.5em; - } \ No newline at end of file + } + +.container_force-full, +._force-full{ + width: 100vw; + position: relative; + left: 50%; + right: 50%; + transform: translateX(-50%); +} \ No newline at end of file diff --git a/views/css/dist/main.css b/views/css/dist/main.css index 2c2eda02..be11c8bd 100644 --- a/views/css/dist/main.css +++ b/views/css/dist/main.css @@ -786,6 +786,15 @@ padding: 0 0.5em; } +.container_force-full, +._force-full{ + width: 100vw; + position: relative; + left: 50%; + right: 50%; + transform: translateX(-50%); +} + .hover\:tw_bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity));