add load autoscroll

8 years ago · 4270214073
13 changed files with 76 additions and 39 deletions
--- a/blocks/hours.php
+++ b/blocks/hours.php
@ -0,0 +1,4 @@
+<span class="font-bold text-red">Orario di apertura sede:</span>
+<span>Lun e Mar 9:00-14:00</span>
+<span>Mer, Gio e Ven 9:00-14:00 e 15:30-18:30</span>
+<span>Sab 9:00-13:00</span>
--- a/content.php
+++ b/content.php
@ -1,5 +1,5 @@

-<div class="col-12 col-sm-9 col-md-8 px-0 pl-sm-2 pr-sm-0 px-md-3">
+<div id="MainContainer" class="col-12 col-sm-9 col-md-8 px-0 pl-sm-2 pr-sm-0 px-md-3 <?php if($getQ[0]=="home"){echo "is-home";}?>">
    <?php
        @include $getQ[0].'.php';
    ?>
--- a/css/styles.css
+++ b/css/styles.css
@ -14576,7 +14576,7 @@ a:hover {

 /* line 92, global.scss */
 #MainContent {
-  top: 90px;
+  top: 40px;
  z-index: 0;
  min-height: 200vh;
  overflow: hidden;
@ -14671,7 +14671,7 @@ input[type="checkbox"]:checked + label::before {

 /* line 2, header.scss */
 header {
-  background: #71986e;
+  background: #4e984a;
  height: 70px;
  width: 100%;
 }
@ -14686,7 +14686,7 @@ header .logo {
 header .container.main {
  height: 70px;
  position: fixed;
-  background: #71986e;
+  background: #4e984a;
  z-index: 500;
 }
 /* line 23, header.scss */
@ -14746,21 +14746,24 @@ header .topmenu ul {
 /* line 77, header.scss */
 header .topmenu ul li {
  list-style: none;
-  padding: 15px;
+  padding: 5px 15px;
  display: block;
-  border-top: 1px solid rgba(255, 255, 255, 0.6);
 }
 /* line 82, header.scss */
 header .topmenu ul li a {
-  color: white;
+  color: #4e984a;
  text-decoration: none;
  transition: .4s;
+  background: white;
+  display: block;
+  border-radius: 3px;
+  padding: 5px;
 }
-/* line 86, header.scss */
+/* line 92, header.scss */
 header .topmenu ul li a:hover {
-  color: rgba(255, 255, 255, 0.6);
+  color: #71986e;
 }
-/* line 94, header.scss */
+/* line 100, header.scss */
 header .breadcrumb {
  font-size: 0.75rem;
  padding: 5px;
@ -14775,24 +14778,24 @@ header .breadcrumb {
  height: 30px;
  z-index: 1;
 }
-/* line 108, header.scss */
+/* line 114, header.scss */
 header .breadcrumb .container {
  overflow: hidden;
  overflow-x: auto;
 }
-/* line 112, header.scss */
+/* line 118, header.scss */
 header .breadcrumb .container .crumbs {
  height: 20px;
  display: ruby;
 }
-/* line 115, header.scss */
+/* line 121, header.scss */
 header .breadcrumb .container .crumbs a {
  color: #4e984a;
  text-decoration: none;
  transition: .4s;
  cursor: pointer;
 }
-/* line 120, header.scss */
+/* line 126, header.scss */
 header .breadcrumb .container .crumbs a:hover {
  color: #666;
 }
@ -15108,12 +15111,23 @@ header .breadcrumb .container .crumbs a:hover {
  header .topmenu ul li:first-child {
    border-left: none;
  }
-  /* line 85, mediaqueries/viewports/_768up.scss */
+  /* line 82, mediaqueries/viewports/_768up.scss */
+  header .topmenu ul li a {
+    color: white;
+    background: none;
+    display: inline;
+    padding: 5px;
+  }
+  /* line 88, mediaqueries/viewports/_768up.scss */
+  header .topmenu ul li a:hover {
+    color: rgba(255, 255, 255, 0.6);
+  }
+  /* line 96, mediaqueries/viewports/_768up.scss */
  header .breadcrumb {
    top: 120px;
  }

-  /* line 92, mediaqueries/viewports/_768up.scss */
+  /* line 103, mediaqueries/viewports/_768up.scss */
  #MainContent {
    top: 160px;
  }
--- a/header.php
+++ b/header.php
@ -8,10 +8,7 @@
            
                <div class="text-right openings d-none d-sm-block ">
                    <div class="p-2 px-3 hours">
-                        <span class="font-bold text-red">Orario di apertura sede:</span>
-                        <span>Lun e Mar 9:00-14:00</span>
-                        <span>Mer, Gio e Ven 9:00-14:00 e 15:30-18:30</span>
-                        <span>Sab 9:00-13:00</span>
+                        <?php @include 'blocks/hours.php';?>
                    </div>
                </div>
                
@ -28,6 +25,7 @@
                    <li><a href="<?php echo $BASE_URLs;?>/albo">Albo</a></li>
                    <li><a href="<?php echo $BASE_URLs;?>/farmacie">Farmacie</a></li>
                    <li><a href="<?php echo $BASE_URLs;?>/parafarmacie">Parafarmacie</a></li>
+                    <li class="d-sm-none "><a href="<?php echo $BASE_URLs;?>/notizie">Notizie</a></li>
                    <li><a href="<?php echo $BASE_URLs;?>/contatti">Contatti</a></li>
                </ul>
            </div>
@ -43,13 +41,4 @@
        </div>
    </div>

-    <div class="openings">
-        <div class="d-block d-sm-none p-1 hours">
-            <span class="font-bold text-red">Orario di apertura sede:</span>
-            <span>Lun e Mar 9:00-14:00</span>
-            <span>Mer, Gio e Ven 9:00-14:00 e 15:30-18:30</span>
-            <span>Sab 9:00-13:00</span>
-        </div>
-    </div>
-    
 </header> 
--- a/home.php
+++ b/home.php
@ -10,6 +10,10 @@
        <i class="fa fa-fax"></i> <b>Fax:</b> 089.798628<br>
        <i class="fa fa-envelope"></i> <b>E-Mail:</b> info@ordinefarmacistisalerno.it<br>
        <i class="fa fa-envelope"></i> <b>E-Mail certificata:</b> ordinefarmacistisa@pec.fofi.it <br>
+        
+        <div class="d-block d-sm-none hours">
+            <?php @include 'blocks/hours.php';?>
+        </div>
    </div>
    
    <div class="col-12 col-sm-12 col-md-5 mb-2">
--- a/js/scripts.js
+++ b/js/scripts.js
@ -6,20 +6,29 @@ $(document).ready(function(){
        $('#menuRight').empty();
    }   
    
+    if($(window).width() < 1024){
+        if(!$('#MainContainer').hasClass('is-home')){
+            $('html, body').animate({scrollTop: $('#MainContainer').offset().top - 74});
+        }
+    }
+    
+    
+    
    $('.hamburger').on('click', function(){
        $(this).toggleClass('is-active');
        
        if($(this).hasClass('is-active')){
            $('.topmenu').fadeIn();
+            $('html, body').css({overflow: 'hidden'});
        }else{
            $('.topmenu').fadeOut();
+            $('html, body').css({overflow: 'auto'});
        }
    });
    
    
    $('.dropdown .title').on('click', function(){
        
-//         $('.dropdown').removeClass('active');
        $(this).parent().toggleClass('active');
        
        if($(this).parent().hasClass('active')){
--- a/menu-left.php
+++ b/menu-left.php
@ -1,7 +1,7 @@

 <div id="menuLeft" class="col-12 col-sm-3 col-md-2 p-0">

-    <div class="dropdown active">
+    <div class="dropdown <?php if($getQ[0]=="home"){echo "active";}?>">
        <div class="title">Area Riservata</div>
        <ul class="items">
            <li>
--- a/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc
+++ b/scss/.sass-cache/7537e22ae7528080974021381c7670ade8022661/_768up.scssc
--- a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc
+++ b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/global.scssc
--- a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc
+++ b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/header.scssc
--- a/scss/global.scss
+++ b/scss/global.scss
@ -90,7 +90,7 @@ a{
 }
    
 #MainContent{
-    top: 90px;
+    top: 40px;
    z-index: 0;
    min-height: 200vh;
    overflow: hidden;
--- a/scss/header.scss
+++ b/scss/header.scss
@ -1,6 +1,6 @@

 header{
-    background: $light-green;
+    background: $green;
    height: 70px;
    width: 100%;
        
@ -15,7 +15,7 @@ header{
        &.main{
            height: 70px;
            position: fixed;
-            background: $light-green;
+            background: $green;
            z-index: 500;
        }
    }
@ -76,15 +76,21 @@ header{
            
            li{
                list-style: none;
-                padding: 15px;
+                padding: 5px 15px;
                display: block;
-                border-top: 1px solid $alpha;
+
                a{
-                    color: white;
+                    color: $green;
                    text-decoration: none;
                    transition: .4s;
+                    
+                    background: white;
+                    display: block;
+                    border-radius: 3px;
+                    padding: 5px;
+
                    &:hover{
-                        color: $alpha;
+                        color: $light-green;
                    }
                }
            }
--- a/scss/mediaqueries/viewports/_768up.scss
+++ b/scss/mediaqueries/viewports/_768up.scss
@ -78,6 +78,17 @@ header{
                &:first-child{
                    border-left: none;
                }
+                
+                a{
+                    color: white;
+                    background: none;
+                    display: inline;
+                    padding: 5px;
+                    
+                    &:hover{
+                        color: $alpha;
+                    }
+                }
            }
        }
    }