Browse Source

Ticket #2715 - 'See More' cross-browser gradient.

AntonLV 6 năm trước cách đây
mục cha
commit
5fcd5c09aa

+ 3 - 0
modules/boonex/decorous/data/template/bx_timeline/css/view.less

@@ -2,5 +2,8 @@
 @import '../../../../../timeline/template/css/view.css';
 
 div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
+    background: -webkit-linear-gradient(top, transparent, @bx-color-box);
+    background: -moz-linear-gradient(top, transparent, @bx-color-box);
+    background: -o-linear-gradient(top, transparent, @bx-color-box);
     background: linear-gradient(to bottom, transparent, @bx-color-box);
 }

+ 3 - 0
modules/boonex/lucid/data/template/bx_timeline/css/view.less

@@ -225,6 +225,9 @@ div.bx-tl-item-text div.bx-tl-content {
     max-height: 250px;
 }
 div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
+    background: -webkit-linear-gradient(top, transparent, @bx-color-box);
+    background: -moz-linear-gradient(top, transparent, @bx-color-box);
+    background: -o-linear-gradient(top, transparent, @bx-color-box);
     background: linear-gradient(to bottom, transparent, @bx-color-box);
 }
 div.bx-tl-item-date {

+ 3 - 0
modules/boonex/ocean/data/template/bx_timeline/css/view.less

@@ -2,6 +2,9 @@
 @import '../../../../../timeline/template/css/view.css';
 
 div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
+    background: -webkit-linear-gradient(top, transparent, @bx-color-box);
+    background: -moz-linear-gradient(top, transparent, @bx-color-box);
+    background: -o-linear-gradient(top, transparent, @bx-color-box);
     background: linear-gradient(to bottom, transparent, @bx-color-box);
 }
 

+ 3 - 0
modules/boonex/protean/data/template/bx_timeline/css/view.less

@@ -3,6 +3,9 @@
 
 /*--- Item Content Style ---*/
 div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
+    background: -webkit-linear-gradient(top, rgba(255, 255,255, 0), @bx-color-box);
+    background: -moz-linear-gradient(top, rgba(255, 255,255, 0), @bx-color-box);
+    background: -o-linear-gradient(top, rgba(255, 255,255, 0), @bx-color-box);
     background: linear-gradient(to bottom, rgba(255, 255,255, 0), @bx-color-box);
 }
 

+ 0 - 47
modules/boonex/timeline/classes/BxTimelineTemplate.php

@@ -1755,53 +1755,6 @@ class BxTimelineTemplate extends BxBaseModNotificationsTemplate
             'menu_item_counters' => $sMenu
         );
     }
-    
-    /*
-    protected function _getTmplVarsReactions(&$aEvent, $aBrowseParams = array())
-    {
-        if(!isset($aEvent['reactions']) || !is_array($aEvent['reactions']) || !isset($aEvent['reactions']['system']))
-            return array();
-
-        $sReactionsSystem = $aEvent['reactions']['system'];
-        $iReactionsObject = $aEvent['reactions']['object_id'];
-        $aReactionsParams = array(
-            'show_counter' => true,
-            'show_counter_style' => 'compound', 
-            'dynamic_mode' => isset($aBrowseParams['dynamic_mode']) && $aBrowseParams['dynamic_mode'] === true
-        );
-
-        $oReactions = $this->getModule()->getReactionObject($sReactionsSystem, $iReactionsObject);
-        if(!$oReactions)
-            return array();
-
-        return array(
-            'style_prefix' => $this->_oConfig->getPrefix('style'),
-            'reactions' => $oReactions->getCounter($aReactionsParams)
-        );
-    }
-
-    protected function _getTmplVarsComments(&$aEvent, $aBrowseParams = array())
-    {
-        if(!isset($aEvent['comments']) || !is_array($aEvent['comments']) || !isset($aEvent['comments']['system']))
-            return array();
-
-        $sCmtsSystem = $aEvent['comments']['system'];
-        $iCmtsObject = $aEvent['comments']['object_id'];
-        $aCmtsParams = array(
-            'show_counter' => true, 
-            'dynamic_mode' => isset($aBrowseParams['dynamic_mode']) && $aBrowseParams['dynamic_mode'] === true
-        );
-
-        $oCmts = $this->getModule()->getCmtsObject($sCmtsSystem, $iCmtsObject);
-        if(!$oCmts)
-            return array();
-
-        return array(
-            'style_prefix' => $this->_oConfig->getPrefix('style'),
-            'comments' => $oCmts->getCounter($aCmtsParams)
-        );
-    }
-     */
 
     protected function _getTmplVarsMenuItemMeta(&$aEvent, $aBrowseParams = array())
     {

+ 7 - 2
modules/boonex/timeline/template/css/view.css

@@ -387,12 +387,17 @@ div.bx-tl-item-text div.bx-tl-content > p:last-child {
     padding-bottom: 0;
 }
 div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
-    content: '';
+    position: absolute;
     bottom: 0;
     width: 100%;
     height: 20%;
-    position: absolute;
+
+    background: -webkit-linear-gradient(top, transparent, #ffffff);
+    background: -moz-linear-gradient(top, transparent, #ffffff);
+    background: -o-linear-gradient(top, transparent, #ffffff);
     background: linear-gradient(to bottom, transparent, #ffffff);
+
+    content: '';
 }
 div.bx-tl-item-text div.bx-tl-content-show-more {
     position: relative;