Project-Pro/marianek.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIx nav menu scroll

Browse Source
This commit is contained in:
Roman Pyrih
2026-02-10 11:51:52 +01:00
parent 4f95821342
commit a605e0f4ad
4 changed files with 3632 additions and 3599 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/style.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/style.css.map
View File

File diff suppressed because one or more lines are too long

95
layout/style-scss/style.scss
View File

@@ -11,10 +11,8 @@ $cGrayLight: #eceff1;
$cComment: #c3c3c3;
$cWhite: #fff;
$fJosefin: 'Josefin Sans',
sans-serif;
$font_nunito: 'Nunito Sans',
sans-serif;
$fJosefin: 'Josefin Sans', sans-serif;
$font_nunito: 'Nunito Sans', sans-serif;
@import '_mixins';
@keyframes fade_in_show {
@@ -120,7 +118,7 @@ input:-webkit-autofill:active {
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
.show > .btn-success.dropdown-toggle {
background: $cBlue;
border: none;
}
@@ -133,7 +131,7 @@ input:-webkit-autofill:active {
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
.show > .btn-success.dropdown-toggle:focus {
box-shadow: none;
}
@@ -584,9 +582,41 @@ input:-webkit-autofill:active {
#main-menu {
position: relative;
z-index: 20;
z-index: 21;
@media (max-width: 992px) {
&.active {
&::after {
visibility: visible;
opacity: 1;
}
}
&::after {
content: '';
position: fixed;
inset: 0;
visibility: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3px);
transition: all 250ms ease-in-out;
}
}
#menu-container-1 {
@media (max-width: 992px) {
height: 100% !important;
min-height: unset;
.levelHolderClass {
height: 100%;
}
ul {
height: calc(100vh - 100px);
overflow: auto;
}
}
ul {
margin: 0;
padding: 0;
@@ -598,7 +628,7 @@ input:-webkit-autofill:active {
margin-left: -15px;
justify-content: center;
>li {
> li {
@include respond-between(sm, md) {
&#link-5 {
display: none;
@@ -611,11 +641,11 @@ input:-webkit-autofill:active {
}
}
>i {
> i {
display: none;
}
>a {
> a {
font-family: 'Nunito Sans', sans-serif;
color: $cText;
font-size: 18px;
@@ -640,14 +670,14 @@ input:-webkit-autofill:active {
}
&:hover {
>ul {
> ul {
display: flex;
animation: fade_in_show 0.5s;
flex-wrap: wrap;
}
}
>ul {
> ul {
left: 0;
width: 100%;
display: none;
@@ -656,7 +686,7 @@ input:-webkit-autofill:active {
background: #fff;
@include transition;
>li {
> li {
width: calc(100% / 4);
margin-bottom: 25px;
@@ -679,7 +709,7 @@ input:-webkit-autofill:active {
}
}
>a {
> a {
font-weight: 600;
font-size: 16px;
}
@@ -719,7 +749,6 @@ input:-webkit-autofill:active {
@include respond-above(xxl) {
.product-mini {
&:nth-child(11),
&:nth-child(12) {
display: none;
@@ -1390,10 +1419,10 @@ input:-webkit-autofill:active {
&.level-0 {
padding: 0 0 15px 0;
>li {
> li {
padding-bottom: 10px;
>a {
> a {
font-family: 'Nunito Sans', sans-serif;
font-weight: 600;
font-size: 20px;
@@ -2082,12 +2111,12 @@ ul.pager {
visibility: hidden;
}
.grow-wrap>textarea {
.grow-wrap > textarea {
resize: none;
overflow: hidden;
}
.grow-wrap>textarea,
.grow-wrap > textarea,
.grow-wrap::after {
border: 1px solid #d5d5d5;
padding: 0.5rem;
@@ -2190,10 +2219,12 @@ ul.pager {
opacity: 1;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right,
background-image: linear-gradient(
to right,
#000,
#000 50%,
rgba(0, 0, 0, 0.3) 50%);
rgba(0, 0, 0, 0.3) 50%
);
background-size: 200% 100%;
background-position: 100%;
transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
@@ -2269,7 +2300,6 @@ ul.pager {
.swiper {
&:hover {
.swiper-button-next,
.swiper-button-prev {
opacity: 1;
@@ -2495,7 +2525,7 @@ ul.pager {
.reviews_data {
#widget-container {
.rating-details {
&>div {
& > div {
background: $cWhite;
}
}
@@ -2583,7 +2613,7 @@ ul.pager {
.basket-options {
padding-top: 25px;
>.content {
> .content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
@@ -2621,7 +2651,7 @@ ul.pager {
.fvat-data {
display: none;
padding: 15px 15px 5px 15px;
background: #FFF;
background: #fff;
margin-bottom: 15px;
}
@@ -2865,7 +2895,7 @@ ul.pager {
.column {
padding: 20px;
background: #FFF;
background: #fff;
}
h5 {
@@ -3013,7 +3043,7 @@ ul.pager {
align-items: center;
flex-wrap: wrap;
>* {
> * {
width: 100%;
}
@@ -3401,8 +3431,8 @@ ul.pager {
max-width: 600px;
}
>.container {
>.row {
> .container {
> .row {
.col-xl-4 {
order: 1;
}
@@ -3427,8 +3457,8 @@ ul.pager {
#main-menu {
#menu-container-1 {
ul.level-0 {
>li {
>ul {
> li {
> ul {
padding: 25px;
}
}
@@ -3462,7 +3492,7 @@ ul.pager {
}
.basket-summary-address {
>.basket-address-form {
> .basket-address-form {
.left {
.addresses {
.address {
@@ -3739,7 +3769,6 @@ ul.pager {
}
.pager {
.first,
.last {
display: none;

4
templates_user/menu/main-menu.php
View File

@@ -32,6 +32,8 @@
$( '#menu-container-<?= $this -> menu['id'];?>' ).multilevelpushmenu( 'collapse' );
$( this ).addClass( 'hidden' );
$( '#mobile-menu-open' ).removeClass( 'hidden' );
$('body').removeClass('no-scroll');
$('#main-menu').removeClass('active');
});
$( 'body' ).on( click_event, '#mobile-menu-open', function()
@@ -39,6 +41,8 @@
$( '#menu-container-<?= $this -> menu['id'];?>' ).css( 'visibility', 'visible' ).multilevelpushmenu( 'expand' );
$( this ).addClass( 'hidden' );
$( '#mobile-menu-close' ).removeClass( 'hidden' );
$('body').addClass('no-scroll');
$('#main-menu').addClass('active');
});
}
});