From 6427e1e3b6b5e0e8f258aae153c9c052dad768c9 Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Mon, 8 Jun 2015 09:46:20 +0000 Subject: [PATCH] Add close button to case study detail pages. --- .../views/helpers/CasestudiesDetail.php | 1 + js/casestudies.js | 10 ++++++++++ less/casestudies_detail.less | 19 +++++++++++++++++++ 3 files changed, 30 insertions(+) diff --git a/framework/application/views/helpers/CasestudiesDetail.php b/framework/application/views/helpers/CasestudiesDetail.php index d478ddd..4e07e9c 100644 --- a/framework/application/views/helpers/CasestudiesDetail.php +++ b/framework/application/views/helpers/CasestudiesDetail.php @@ -10,6 +10,7 @@ class Cubedesigners_View_Helper_CasestudiesDetail extends CubeIT_View_Helper_Abs $res.='
'; $res.='

' . $studie->titre . '

'; $res.='

' . $studie->description . '

'; + $res.= $this->view->link(__('Fermer'), $this->currentPage->getParent()->getHref(), array('class' => 'close', 'id' => 'closeButton')); $res.='
'; $res .= '
'; diff --git a/js/casestudies.js b/js/casestudies.js index be4a455..c312610 100644 --- a/js/casestudies.js +++ b/js/casestudies.js @@ -4,6 +4,16 @@ var showIds = new Array(); function load_casestudies() { initTagsLink(); + + // Check referrer and if it is a cubedesigners page, switch to a history.back() link instead of a standard link to speed things up + if(document.referrer.indexOf("cubedesigners.") > -1) { + $("#closeButton").on('click',function(){ + console.log('using back button...'); + history.back(); + return false; + }); + } + } function initTagsLink() { diff --git a/less/casestudies_detail.less b/less/casestudies_detail.less index d5c346d..50388f8 100644 --- a/less/casestudies_detail.less +++ b/less/casestudies_detail.less @@ -114,4 +114,23 @@ position: relative; } } +} + +#closeButton { + display: inline-block; + position: absolute; + right: 34px; + top: 50%; + margin-top: -13px; // Half of line-height to position vertically in the centre + background-image: url(../images/close-portfolio.png); + background-repeat: no-repeat; + background-position: right center; + padding-right: 33px; + color: #545454; + font-size: 14px; + line-height: 26px; + + &:hover { + color: #000; + } } \ No newline at end of file -- 2.39.5