From 0d0c03469100ca1b9e39d1ad7730c0917856917c Mon Sep 17 00:00:00 2001
From: markusfluer <fluer.markus@googlemail.com>
Date: Wed, 27 Dec 2017 12:27:21 +0100
Subject: [PATCH] Fixed issue: boxes not behaving correctly on ie

---
 application/config/packages.php                      |  7 +++++++
 .../extensions/PanelBoxWidget/PanelBoxWidget.php     |  1 +
 application/extensions/PanelBoxWidget/views/box.php  |  4 ++--
 .../extensions/PanelBoxWidget/views/row_header.php   |  4 ++--
 assets/packages/panelboxes/build/panelboxes.css      |  9 +++++++++
 assets/packages/panelboxes/compile.sh                |  1 +
 assets/packages/panelboxes/src/box.scss              | 12 ++++++++++++
 assets/packages/panelboxes/src/container.scss        |  4 ++++
 assets/packages/panelboxes/src/main.scss             |  4 ++++
 9 files changed, 42 insertions(+), 4 deletions(-)
 create mode 100644 assets/packages/panelboxes/build/panelboxes.css
 create mode 100644 assets/packages/panelboxes/compile.sh
 create mode 100644 assets/packages/panelboxes/src/box.scss
 create mode 100644 assets/packages/panelboxes/src/container.scss
 create mode 100644 assets/packages/panelboxes/src/main.scss

diff --git a/application/config/packages.php b/application/config/packages.php
index fc78d9a6c0d..7ee0681b439 100644
--- a/application/config/packages.php
+++ b/application/config/packages.php
@@ -199,6 +199,13 @@
             'build/lslog.js',
         )
     ),
+    'panelboxes' => array(
+        'devBaseUrl' => 'assets/packages/panelboxes/',
+        'basePath' => 'core.panelboxes',
+        'css' => array(
+            'build/panelboxes'.$minVersion.'.css',
+        )
+    ),
     'adminbasics' => array(
         'devBaseUrl' => 'assets/packages/adminbasics/',
         'basePath' => 'core.adminbasics',
diff --git a/application/extensions/PanelBoxWidget/PanelBoxWidget.php b/application/extensions/PanelBoxWidget/PanelBoxWidget.php
index 9ecfe92f6f3..3752fec9266 100644
--- a/application/extensions/PanelBoxWidget/PanelBoxWidget.php
+++ b/application/extensions/PanelBoxWidget/PanelBoxWidget.php
@@ -18,6 +18,7 @@ class PanelBoxWidget extends CWidget
 
     public function run()
     {
+        App()->getClientScript()->registerPackage('panelboxes');
         if ($this->display == 'singlebox') {
             if ($this->fromDb) {
                 $this->setValuesFromDb();
diff --git a/application/extensions/PanelBoxWidget/views/box.php b/application/extensions/PanelBoxWidget/views/box.php
index 500cb7ac7ab..9d4f8031c36 100644
--- a/application/extensions/PanelBoxWidget/views/box.php
+++ b/application/extensions/PanelBoxWidget/views/box.php
@@ -1,5 +1,5 @@
-<div class="<?php echo $sizeClass; ?> ls-flex-column" style="padding:15px; height: 200px;" >
-    <div class="panel panel-primary panel-clickable selector__<?=str_replace(' ', '_', strtolower($title))?>" 
+<div class="<?php echo $sizeClass; ?> ls-flex-column ls-panelboxes-panelbox" >
+    <div class="panel panel-primary panel-clickable ls-panelboxes-panelbox-inner selector__<?=str_replace(' ', '_', strtolower($title))?>" 
         id="panel-<?php echo $position; ?>"
          data-url="<?php echo $url; ?>"<?php if ($external) {
         echo ' data-target="_blank"';
diff --git a/application/extensions/PanelBoxWidget/views/row_header.php b/application/extensions/PanelBoxWidget/views/row_header.php
index de61fce2c8a..d47774280ae 100644
--- a/application/extensions/PanelBoxWidget/views/row_header.php
+++ b/application/extensions/PanelBoxWidget/views/row_header.php
@@ -1,2 +1,2 @@
-<div class="<?php echo $containerclass; ?> ls-flex selector__lstour--mainfunctionboxes">
-<div class="ls-flex ls-flex-row wrap <?php echo $orientation; ?> align-item-center text-center hidden-xs row-eq-height" >
+<div class="<?php echo $containerclass; ?> ls-flex ls-panelboxes selector__lstour--mainfunctionboxes">
+<div class="ls-flex ls-flex-row wrap ls-panelboxes-inner-container <?php echo $orientation; ?> align-item-center text-center hidden-xs" >
diff --git a/assets/packages/panelboxes/build/panelboxes.css b/assets/packages/panelboxes/build/panelboxes.css
new file mode 100644
index 00000000000..b28c1226e36
--- /dev/null
+++ b/assets/packages/panelboxes/build/panelboxes.css
@@ -0,0 +1,9 @@
+.ls-panelboxes .ls-panelboxes-panelbox {
+  padding: 20px;
+  height: 200px;
+  position: relative;
+  margin: 10px 0; }
+  .ls-panelboxes .ls-panelboxes-panelbox .ls-panelboxes-panelbox-inner {
+    position: absolute;
+    width: 95%;
+    height: 100%; }
diff --git a/assets/packages/panelboxes/compile.sh b/assets/packages/panelboxes/compile.sh
new file mode 100644
index 00000000000..857fd0f59eb
--- /dev/null
+++ b/assets/packages/panelboxes/compile.sh
@@ -0,0 +1 @@
+sass src/main.scss > build/panelboxes.css
diff --git a/assets/packages/panelboxes/src/box.scss b/assets/packages/panelboxes/src/box.scss
new file mode 100644
index 00000000000..669e0950d30
--- /dev/null
+++ b/assets/packages/panelboxes/src/box.scss
@@ -0,0 +1,12 @@
+.ls-panelboxes-panelbox {
+    padding:20px; 
+    height: 200px;
+    position:relative;
+    margin: 10px 0;
+
+    .ls-panelboxes-panelbox-inner {
+        position: absolute;
+        width:95%;
+        height:100%;
+    }
+}
diff --git a/assets/packages/panelboxes/src/container.scss b/assets/packages/panelboxes/src/container.scss
new file mode 100644
index 00000000000..682aecdfdf4
--- /dev/null
+++ b/assets/packages/panelboxes/src/container.scss
@@ -0,0 +1,4 @@
+.ls-panelboxes-inner-container{
+    
+}
+
diff --git a/assets/packages/panelboxes/src/main.scss b/assets/packages/panelboxes/src/main.scss
new file mode 100644
index 00000000000..2259406612e
--- /dev/null
+++ b/assets/packages/panelboxes/src/main.scss
@@ -0,0 +1,4 @@
+.ls-panelboxes{
+    @import 'container';
+    @import 'box';
+}