#42 - convos module: responsive layout

modules/boonex/convos/classes/BxCnvGrid.php

@@ -57,6 +57,12 @@ class BxCnvGrid extends BxTemplGrid
         return parent::_getActionDefault ($sType, $sKey, $a, $isSmall, $isDisabled, $aRow);
     }
 
+    protected function _getCellHeaderWrapper ($sKey, $aField, $sHeader, $sAttr) 
+    {
+        $sHeader = '<span>' . $sHeader . '</span>';
+        return parent::_getCellHeaderWrapper ($sKey, $aField, $sHeader, $sAttr);
+    }
+
     protected function _getCellPreview ($mixedValue, $sKey, $aField, $aRow) 
     {
         return parent::_getCellDefault ('', $sKey, $aField, $aRow);

modules/boonex/convos/template/css/main-media-desktop.css

@@ -5,4 +5,8 @@
     display:inline-block;
 }
 
+.bx-grid-header-collaborators span {
+    display:inline;
+}
+
 } /* @media end */

modules/boonex/convos/template/css/main-media-tablet.css

@@ -5,4 +5,8 @@
     display:inline-block;
 }
 
+.bx-grid-header-collaborators span {
+    display:inline;
+}
+
 } /* @media end */

modules/boonex/convos/template/css/main.css

@@ -1,6 +1,10 @@
 
 @import url(../../../../base/text/template/css/main.css);
 
+.bx-grid-header-collaborators span {
+    display:none;
+}
+
 .bx-cnv-collaborators {
     white-space:nowrap;
 }

template/scripts/BxBaseGrid.php

@@ -269,20 +269,24 @@ class BxBaseGrid extends BxDolGrid {
 
         $sAttr = $this->_convertAttrs(
             $aField, 'attr_head',
-            'bx-def-padding-sec-bottom bx-def-padding-sec-top', // add default classes
+            'bx-def-padding-sec-bottom bx-def-padding-sec-top bx-grid-header-' . $sKey, // add default classes
             isset($aField['width']) ? 'width:' . $aField['width'] : false // add default styles
         );
 
-        return '<th ' . $sAttr . '>' . $sHeader . '</th>';
+        return $this->_getCellHeaderWrapper ($sKey, $aField, $sHeader, $sAttr);
     }
 
     protected function _getCellHeaderCheckbox ($sKey, $aField) {
         $sAttr = $this->_convertAttrs(
             $aField, 'attr_head',
-            'bx-def-padding-sec-bottom bx-def-padding-sec-top', // add default classes
+            'bx-def-padding-sec-bottom bx-def-padding-sec-top bx-grid-header-' . $sKey, // add default classes
             isset($aField['width']) ? 'width:' . $aField['width'] : false // add default styles
         );
-        return '<th ' . $sAttr . '> <input type="checkbox" id="'. $this->_sObject . '_check_all" name="'. $this->_sObject . '_check_all" onclick="$(\'input[name='. $this->_sObject . '_check]:not([disabled])\').attr(\'checked\', this.checked)" /> </th>';
+        return $this->_getCellHeaderWrapper ($sKey, $aField, ' <input type="checkbox" id="'. $this->_sObject . '_check_all" name="'. $this->_sObject . '_check_all" onclick="$(\'input[name='. $this->_sObject . '_check]:not([disabled])\').attr(\'checked\', this.checked)" /> ', $sAttr);
+    }
+
+    protected function _getCellHeaderWrapper ($sKey, $aField, $sHeader, $sAttr) {
+        return '<th ' . $sAttr . '>' . $sHeader . '</th>';
     }
 
     /**