diff --git a/css/_sq_balint.scss b/css/_sq_balint.scss index 4950543..d6d39c0 100644 --- a/css/_sq_balint.scss +++ b/css/_sq_balint.scss @@ -32,10 +32,21 @@ a, a:hover { #menu-principal{ padding: 1rem 2rem; background-color: $fond-menu; - a{ + transition: all 1s; + .nav-link{ color: $light; font-weight: 600; + transition: all 1s ease; } + .navbar-brand{ + width: 200px; + transition: all 1s ease; + img{ + width: 100%; + height: auto; + transition: all 1s ease; + } + } .active a{ color: $page-active; } @@ -46,10 +57,17 @@ a, a:hover { font-size: 1.8rem; color: $light; } + &.reduit{ + padding: 0.2rem 2rem; + .nav-link{ + padding: 0.2rem 0.5rem; + } + .navbar-brand{ + width: 150px; + } + } } - - #liste-deroulante ul{ list-style-type: none; } diff --git a/css/mon_site.css b/css/mon_site.css index 1e46401..659bf77 100644 --- a/css/mon_site.css +++ b/css/mon_site.css @@ -11860,11 +11860,28 @@ a, a:hover { #menu-principal { padding: 1rem 2rem; background-color: #3b3f8a; + -webkit-transition: all 1s; + transition: all 1s; } -#menu-principal a { +#menu-principal .nav-link { color: #f8f9fa; font-weight: 600; + -webkit-transition: all 1s ease; + transition: all 1s ease; +} + +#menu-principal .navbar-brand { + width: 200px; + -webkit-transition: all 1s ease; + transition: all 1s ease; +} + +#menu-principal .navbar-brand img { + width: 100%; + height: auto; + -webkit-transition: all 1s ease; + transition: all 1s ease; } #menu-principal .active a { @@ -11880,6 +11897,18 @@ a, a:hover { color: #f8f9fa; } +#menu-principal.reduit { + padding: 0.2rem 2rem; +} + +#menu-principal.reduit .nav-link { + padding: 0.2rem 0.5rem; +} + +#menu-principal.reduit .navbar-brand { + width: 150px; +} + #liste-deroulante ul { list-style-type: none; } diff --git a/js/a_compresser/balint.js b/js/a_compresser/balint.js index bc5ca66..ae59a7b 100644 --- a/js/a_compresser/balint.js +++ b/js/a_compresser/balint.js @@ -47,11 +47,11 @@ jQuery(function($) { var barnavOffset = 0; $(window).on('scroll', function () { if ( $(window).scrollTop() > barnavOffset ) { - $('header').addClass('navbar-fixed-reduite'); + $('#menu-principal').addClass('reduit'); //$('button.burgermenu, #barnav ul.js-sous-menu').addClass('fixed-top'); } else { - $('header').removeClass('navbar-fixed-reduite'); + $('#menu-principal').removeClass('reduit'); //$('button.burgermenu, #barnav ul.js-sous-menu').removeClass('fixed-top'); } }); diff --git a/js/mon_site.min.js b/js/mon_site.min.js index 9bb3a87..ca786b7 100644 --- a/js/mon_site.min.js +++ b/js/mon_site.min.js @@ -1,2 +1,2 @@ -"use strict";jQuery(function(t){t(".parent_prev_next").on("click","svg.cursor",function(){var e=t(this).data("id_article"),n=t(this).data("bloc_recharger");ajaxReload(n,{args:{id_article:e}})}),t("a.page-scroll").bind("click",function(e){t(this);t("html, body").animate({scrollTop:0},"slow"),e.preventDefault()});t(window).on("scroll",function(){0