Ticket #2211

modules/boonex/protean/data/template/system/css/default.less

@@ -854,3 +854,19 @@ a.bx-def-font-h3:hover {
     transition: background .1s ease, box-shadow .1s ease,color .1s ease;
     transition: background .1s ease, box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
 }
+
+
+/* grid */
+.bx-def-color-bg-page .bx-grid-table-wrapper2:before {
+    background: @bx-color-page-gradient-left;
+}
+.bx-def-color-bg-page .bx-grid-table-wrapper2:after {
+    background: @bx-color-page-gradient-right;
+}
+
+.bx-def-color-bg-block .bx-grid-table-wrapper2:before {
+    background: @bx-color-block-gradient-left;
+}
+.bx-def-color-bg-block .bx-grid-table-wrapper2:after {
+    background: @bx-color-block-gradient-right;
+}

modules/boonex/protean/data/template/system/scripts/BxTemplConfig.php

@@ -122,11 +122,17 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-color-header'] = $this->_setColorRgba($sName . '_header_bg_color', 'rgba(59, 134, 134, 1)');
         $this->_aConfig['aLessConfig']['bx-color-footer'] = $this->_setColorRgba($sName . '_footer_bg_color', 'rgba(255, 255, 255, 1)');
         $this->_aConfig['aLessConfig']['bx-color-page'] = $this->_setColorRgb($sName . '_body_bg_color', 'rgb(255, 255, 255)');
+        $this->_aConfig['aLessConfig']['bx-color-page-gradient-left'] = $this->_setGradientLeft($sName . '_body_bg_color', '242, 242, 242');
+        $this->_aConfig['aLessConfig']['bx-color-page-gradient-right'] = $this->_setGradientRight($sName . '_body_bg_color', '242, 242, 242');
         $this->_aConfig['aLessConfig']['bx-color-cover'] = $this->_setColorRgba($sName . '_cover_bg_color', 'rgba(255, 255, 255, 1)');
         $this->_aConfig['aLessConfig']['bx-color-block'] = $this->_setColorRgba($sName . '_block_bg_color', 'rgba(255, 255, 255, 1)');
+        $this->_aConfig['aLessConfig']['bx-color-block-gradient-left'] = $this->_setGradientLeft($sName . '_block_bg_color', '242, 242, 242');
+        $this->_aConfig['aLessConfig']['bx-color-block-gradient-right'] = $this->_setGradientRight($sName . '_block_bg_color', '242, 242, 242');
         $this->_aConfig['aLessConfig']['bx-color-block-title'] = $this->_setColorRgba($sName . '_block_title_bg_color', 'rgba(255, 255, 255, 1.0)');
-        $this->_aConfig['aLessConfig']['bx-color-block-title-div'] = $this->_setColorRgba($sName . '_block_title_div_bg_color', 'rgba(208, 208, 208, 1)');        
+        $this->_aConfig['aLessConfig']['bx-color-block-title-div'] = $this->_setColorRgba($sName . '_block_title_div_bg_color', 'rgba(208, 208, 208, 1)');
         $this->_aConfig['aLessConfig']['bx-color-box'] = $this->_setColorRgba($sName . '_card_bg_color', 'rgba(242, 242, 242, 1)');
+        $this->_aConfig['aLessConfig']['bx-color-box-gradient-left'] = $this->_setGradientLeft($sName . '_card_bg_color', '242, 242, 242');
+        $this->_aConfig['aLessConfig']['bx-color-box-gradient-right'] = $this->_setGradientRight($sName . '_card_bg_color', '242, 242, 242');
         $this->_aConfig['aLessConfig']['bx-color-box-hover'] = $this->_setColorRgba($sName . '_card_bg_color_hover', 'rgba(242, 242, 242, 0.5)');
         $this->_aConfig['aLessConfig']['bx-color-popup'] = $this->_setColorRgba($sName . '_popup_bg_color', 'rgba(255, 255, 255, 1)');
         $this->_aConfig['aLessConfig']['bx-color-popup-title'] = $this->_setColorRgba($sName . '_popup_title_bg_color', 'rgba(40, 60, 80, 0.9)');

template/scripts/BxBaseConfig.php

@@ -275,22 +275,38 @@ class BxBaseConfig extends BxDol implements iBxDolSingleton
         return $sValue;
     }
 
+    protected function _setGradientLeft($sKey, $sDefault = '')
+    {
+        $sValue = $this->_getColorFromRgba($sKey, $sDefault);
+        return "linear-gradient(to right, rgba(" . $sValue . ", 1) 0%, rgba(" . $sValue . ", 0) 100%)";
+    }
+    
+    protected function _setGradientRight($sKey, $sDefault = '')
+    {
+        $sValue = $this->_getColorFromRgba($sKey, $sDefault);
+        return "linear-gradient(to right, rgba(" . $sValue . ", 0) 0%, rgba(" . $sValue . ", 1) 100%)";
+    }
+    
     /**
-     * Note. Isn't used for now.
+     * Can be removed in on of the next versions.
+     * 
+     * @deprecated since 10.0.0-B2
+     * @see BxBaseConfig::_setGradientLeft
      */
     protected function _setGradientMenuPageLeft($sKey, $sDefault = '')
     {
-        $sValue = $this->_getColorFromRgba($sKey, $sDefault);
-        return "linear-gradient(to right, rgba(" . $sValue . ", 1) 0%, rgba(" . $sValue . ", 0) 100%)";
+        return $this->_setGradientLeft($sKey, $sDefault);
     }
 
     /**
-     * Note. Isn't used for now.
+     * Can be removed in on of the next versions.
+     * 
+     * @deprecated since 10.0.0-B2
+     * @see BxBaseConfig::_setGradientRight
      */
     protected function _setGradientMenuPageRight($sKey, $sDefault = '')
     {
-        $sValue = $this->_getColorFromRgba($sKey, $sDefault);
-        return "linear-gradient(to right, rgba(" . $sValue . ", 0) 0%, rgba(" . $sValue . ", 1) 100%)";
+        return $this->_setGradientRight($sKey, $sDefault);
     }
 
     protected function _setBgUrl($sKey, $oStorage = null)