Petites modifs suite à refonte du logo

templates/frontOffice/lematelot/Gruntfile.js

@@ -38,7 +38,8 @@ module.exports = function (grunt) {
         cssmin: {
             target: {
                 files: {
-                    'assets/dist/css/thelia.min.css': 'assets/src/css/thelia.css'
+                    'assets/dist/css/thelia.min.css': 'assets/src/css/thelia.css',
+                    'assets/dist/css/custom.min.css': 'assets/src/css/custom.css'
                 }
             }
         },
@@ -198,7 +199,7 @@ module.exports = function (grunt) {
                 }
             },
             cssmin: {
-                files: ['assets/src/css/thelia.css'],
+                files: ['assets/src/css/thelia.css', 'assets/src/css/custom.css'],
                 tasks: ['autoprefixer', 'cssmin'],
                 options: {
                     spawn: false,

templates/frontOffice/lematelot/assets/dist/css/custom.min.css

@@ -0,0 +1 @@
+body>div.page>div>header>div>div>div.logo>a>img{height:96px;margin-right:20px}.phonealign{padding:8px 4px}.phonenumber a{color:#fff;font-size:18px}.phonetext{background-color:#CC0300;color:#fff;padding:4px;display:-ms-flexbox;display:flex;width:300px;justify-content:center}.header-container header .header .logo{float:left;display:-ms-flexbox;display:flex;margin-right:30px;-ms-flex-align:start;align-items:flex-start}.header-container header .header .sitetitle{margin-top:20px;margin-right:80px}

templates/frontOffice/lematelot/assets/src/css/custom.css

@@ -0,0 +1,38 @@
+/* Pour le nouveau logo */
+body > div.page > div > header > div > div > div.logo > a > img {
+  height: 96px;
+  margin-right: 20px;
+}
+
+.phonealign {
+  padding: 8px 4px;
+}
+
+.phonenumber a {
+  color: white;
+  font-size: 18px;
+}
+
+.phonetext {
+  background-color: #CC0300;
+  color: white;
+  padding: 4px;
+  display: -ms-flexbox;
+  display: flex;
+  width: 300px;
+  justify-content: center;
+}
+
+.header-container header .header .logo {
+  float: left;
+  display: -ms-flexbox;
+  display: flex;
+  margin-right: 30px;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+
+.header-container header .header .sitetitle {
+  margin-top: 20px;
+  margin-right: 80px;
+}

templates/frontOffice/lematelot/assets/src/css/thelia.css

@@ -12794,26 +12794,3 @@ body {
     position: static;
   }
 }
-/* Pour le nouveau logo */
-body > div.page > div > header > div > div > div.logo > a > img {
-  height: 96px;
-  margin-right: 20px;
-}
-
-.phonealign {
-  padding: 8px 4px;
-}
-
-.phonenumber a {
-  color: white;
-  font-size: 18px;
-}
-
-.phonetext {
-  background-color: #CC0300;
-  color: white;
-  padding: 4px;
-  display: -ms-flexbox;
-  display: flex;
-  width: 300px;
-}

templates/frontOffice/lematelot/layout.tpl

@@ -43,6 +43,9 @@
     {stylesheets file='assets/dist/css/thelia.min.css'}
         <link rel="stylesheet" href="{$asset_url}">
     {/stylesheets}
+    {stylesheets file='assets/dist/css/custom.min.css'}
+        <link rel="stylesheet" href="{$asset_url}">
+    {/stylesheets}
     {*
      If you want to generate the CSS assets on the fly, just replace the stylesheet inclusion above by the following.
      Then, in your back-office, go to Configuration -> System Variables and set process_assets to 1.
@@ -133,18 +136,19 @@
 							{/if}
 							
 							<a class="logo" href="{navigate to="index"}" title="{$store_name}"><img src="{$image}" alt="{$store_name}"></a>
-							{*
 							<div class="sitetitle">
 								<p class="slogansite"><span class="titlesite">{$store_name}</span><br />{$store_description}</p>
 							</div>
+							{*
+							<div class="brandbgimg"></div>
 							*}
-{*							<div class="brandbgimg"></div>*}
 						</div>
 						<div class="telephone">
 							<span class="phonealign glyphicon glyphicon-phone">&nbsp;</span>
 							<span class="phonealign phonenumber">
-							<a href="tel:+33627720925" title="phone">Service client : 06 14 22 90 17</a>
+							    <a href="tel:+33627720925" title="phone">Service client : 06 14 22 90 17</a>
-							</span><br />
+							</span>
+                            <br />
 							<span class="phonetext"><b>OUVERT 7/7j</b> 10H/12H 14H/18H</span>
 						</div>						
 					</div>