From: Vincent Vanwaelscappel Date: Thu, 16 Jan 2025 18:00:24 +0000 (+0100) Subject: wip #7261 @1.5 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=3730c420eb88367df8d8f2090f0f5e6bb358b410;p=bloomsburie.git wip #7261 @1.5 --- diff --git a/framework/application/views/helpers/ContactInfos.php b/framework/application/views/helpers/ContactInfos.php index b5df6dc..9c41915 100644 --- a/framework/application/views/helpers/ContactInfos.php +++ b/framework/application/views/helpers/ContactInfos.php @@ -4,47 +4,16 @@ class Cubedesigners_View_Helper_ContactInfos extends Zend_View_Helper_Abstract { public function contactInfos($texte, $bureaux) { - $res = '
' . $this->view->markupDotclear($texte) . '
'; - - //$res.= '
'; - - //$bureaux = $contact['bureaux']; - + $res=''; foreach ($bureaux as $id => $bureau) { - $res.='
'; - $res.='
'; - - $res.='

' . $bureau['coordonnees']['nom'] . '

'; - - $res.='

'; - $res.='

' . __('Cubedesigners') . '

'; - $res.='

' . $bureau['coordonnees']['adresse'] . '

'; - $res.='

' . $bureau['coordonnees']['code_postal'] . ' ' . $bureau['coordonnees']['ville'] . ' ' . Zend_Locale::getTranslation($bureau['coordonnees']['pays'], 'territory') . '

'; - - // Alternative link that is displayed when there isn't enough space for the maps - $res.=$this->view->linkGeo(__("Plan d'accès"), $bureau['coordonnees']['adresse'] . ',' . $bureau['coordonnees']['ville'] . ',' . Zend_Locale::getTranslation($bureau['coordonnees']['pays'], 'territory'), array('class' => 'but mobile')); - $res.='
'; - - $res.='
'; - $res.='

' . __('Tel') . ' ' . $this->view->linkPhone($bureau['coordonnees']['tel']) . '

'; - //$res.='

' . __('Fax') . ' ' . $bureau['coordonnees']['fax'] . '

'; - $res.='
'; - - $res.='
'; // .inner - + $res.='
'; // Map holder $res.='
'; - /* $res.='
'; - $res.=$this->view->linkGeo(__("Plan d'accès"), $bureau['adresse']['adresse'] . ',' . $bureau['adresse']['ville'] . ',' . Zend_Locale::getTranslation($bureau['adresse']['pays'], 'territory')); - $res.='
'; */ - $res.='
'; // .half-full } - //$res.= '
'; - return $res; } diff --git a/framework/application/views/scripts/templates/contact.phtml b/framework/application/views/scripts/templates/contact.phtml index cdf0ec1..93c99c4 100644 --- a/framework/application/views/scripts/templates/contact.phtml +++ b/framework/application/views/scripts/templates/contact.phtml @@ -14,9 +14,25 @@ foreach ($bureaux as $bureau) {
markupDotclear($this->titre); ?>
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ linkArrow('Submit') ?> +
+
+
+
contactInfos($this->option('contact')['bloc'], $bureaux); ?>
- -twocols(false); diff --git a/less/common.less b/less/common.less index c2210a1..ec260b5 100644 --- a/less/common.less +++ b/less/common.less @@ -212,7 +212,7 @@ a { } &.black { - background-color: #000; + background-color: @black; color: #fff; margin: 0; } diff --git a/less/contact.less b/less/contact.less index c014187..f251baf 100644 --- a/less/contact.less +++ b/less/contact.less @@ -1,131 +1,142 @@ @import "00-constants"; -.half-full { - - float: left; - width: 50%; - padding-right: 20px; // half of middle margin - - &:last-child { - padding-right: 0; - padding-left: 20px; // half of middle margin - - .inner { - padding-left: 0; - padding-right: 34px; - float: none; - margin-right: 0; - } - } - - .inner { - .content-center(); - //max-width: 504px; // (1048 / 2) - 20px to account for middle padding on each column - //padding-left: 34px; - //float: right; - //width: 100%; - } - - @media screen and (max-width: 790px) { - - float: none; - width: 100%; - padding-right: 0; - - &:last-child { - padding-left: 0; - padding-top: 50px; - - .inner { - padding-left: 34px; - } - } - - .inner { - max-width: 1048px; - min-width: 530px; - float: none; - } - - } +.full { + width: 100%; + height: 600px; + + &:last-child { + padding-right: 0; + + .inner { + padding-left: 0; + float: none; + margin-right: 0; + } + } + + .inner { + .content-center(); + //max-width: 504px; // (1048 / 2) - 20px to account for middle padding on each column + //padding-left: 34px; + //float: right; + //width: 100%; + } + + @media screen and (max-width: 790px) { + + float: none; + width: 100%; + padding-right: 0; + + &:last-child { + padding-left: 0; + padding-top: 50px; + + .inner { + padding-left: 34px; + } + } + + .inner { + max-width: 1048px; + min-width: 530px; + float: none; + } + + } } /* Contact informations */ .contact-informations { - margin: 30px 0 50px 0; - overflow: hidden; - - .contact-texte { - background-image: url('../images/picto_footer_mail.svg'); - background-repeat: no-repeat; - background-position: 0 0; - font-weight: 300; - padding-left: 60px; - padding-top: 10px; - min-height: 50px; - margin-bottom: 30px; - } - - .titre { - padding-bottom: 25px; - font-size: 32px; - } - - .adresse { - background-image: url('../images/picto_geoloc.svg'); - background-repeat: no-repeat; - background-position: 0px 0px; - padding-left: 60px; - padding-bottom: 15px; - } - - .numeros { - background-image: url('../images/picto_tel.svg'); - background-repeat: no-repeat; - background-position: 0px 0px; - padding-left: 60px; - padding-bottom: 50px; - - p { - line-height: 49px; // Height of the icon - } - } + margin: 0; + overflow: hidden; } /* Google Maps */ .googleMap { - height: 390px; - clear: both; + height: 100%; + clear: both; - // To make the map semi-responsive: - //padding-bottom: 37.3%; // Sets height relative to width - //min-height: 300px; // Stops it getting too short + // To make the map semi-responsive: + //padding-bottom: 37.3%; // Sets height relative to width + //min-height: 300px; // Stops it getting too short } // By default, hide the mobile map link button .but.mobile { - display: none; + display: none; } @media screen and (max-height: 530px), screen and (max-width: 530px) { - .half-full:last-child { - padding-top: 0; + .half-full:last-child { + padding-top: 0; - .numeros { - padding-bottom: 5px; - } - } + .numeros { + padding-bottom: 5px; + } + } - .but.mobile { - display: inline-block; - } + .but.mobile { + display: inline-block; + } - // Hide the maps for mobile - .googleMap { - display: none; - } + // Hide the maps for mobile + .googleMap { + display: none; + } } + + +#form { + margin: 30px 0 80px; + + form > div { + margin: 15px 0; + } + + input, textarea { + padding: 15px; + border: 1px solid @black; + color: @black; + font-size: 20px; + font-weight: 300; + } + + .submit{ + margin-top: 30px; + } + + .line3 { + div { + display: inline-block; + width: 33%; + padding-right: 15px; + + &:last-child { + width: 33%; + padding-right: 0; + } + + @media screen and (max-width: 1300px) { + display: block; + width: 100%; + padding-right: 0; + margin-bottom: 15px; + &:last-child{ + padding-right: 0; + margin-bottom: 0; + width: 100%; + } + } + } + + input { + + + } + } +} \ No newline at end of file