Merge pull request #235 from PrestaSafe/feature/add-force-full-witdh

add force_full_witdh
PrestaSafe · Jun 26, 2024 · 612f4ad · 612f4ad
2 parents 1c2c812 + 79e3c22
commit 612f4ad
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 14 deletions.
diff --git a/_dev/src/components/RightPanel.vue b/_dev/src/components/RightPanel.vue
@@ -218,23 +218,17 @@ emitter.on("globalSave", () => {
       <hr class="my-2" />
       <!-- container -->
       <div class="my-2">
-        <!-- <Radio
+        <Checkbox
           v-model="config.default.container"
           :title="trans('use_container')"
           name="container"
-          value="container"
         />
-        <Radio
-          v-model="config.default.container"
-          :title="trans('use_container')"
-          name="container"
-          value="full"
-        /> -->
+      </div>
+      <div class="my-2">
         <Checkbox
-          v-model="config.default.container"
-          :title="trans('use_container')"
-          name="container"
-          value="full"
+          v-model="config.default.force_full_width"
+          :title="trans('force_full_width')"
+          name="force_full_width"
         />
       </div>
       <!-- cache -->

diff --git 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
@@ -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
@@ -159,4 +159,13 @@
     font-size: 1rem;
     margin: 0.5em 0;
     padding: 0 0.5em;
-  }
+  }
+
+.container_force-full,
+._force-full{
+    width: 100vw;             
+    position: relative;       
+    left: 50%;                
+    right: 50%;               
+    transform: translateX(-50%); 
+}
diff --git 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));