From 97957e02394a4eeadaba39ad0b76f64a633b73ac Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Tue, 14 Apr 2026 11:51:05 +0200 Subject: [PATCH] Save --- .../hello-elementor/assets/css/custom.css | 2 +- .../hello-elementor/assets/css/custom.css.map | 2 +- .../hello-elementor/assets/css/custom.scss | 80 +++++++++ .../hello-elementor/assets/js/custom.js | 161 +++++++++++++++++- 4 files changed, 240 insertions(+), 5 deletions(-) diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css b/wp-content/themes/hello-elementor/assets/css/custom.css index 5373e06..0339a2e 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css +++ b/wp-content/themes/hello-elementor/assets/css/custom.css @@ -1 +1 @@ -html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;background:#00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;background-image:url("/wp-content/uploads/2026/03/Check.svg");background-size:contain;background-repeat:no-repeat;opacity:0}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file +html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;background:#00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;background-image:url("/wp-content/uploads/2026/03/Check.svg");background-size:contain;background-repeat:no-repeat;opacity:0}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}.acc-tile-box.active .acc-tile-img::before{transform:translateY(0);opacity:1}.acc-tile-box.active .acc-tile{margin-top:-200px;padding-top:100px !important}.acc-tile-box .acc-tile-img{position:relative}.acc-tile-box .acc-tile-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(231, 237, 243, 0.37) -97.39%, #e7edf3 100%);opacity:0;transform:translateY(100%);transition:all 250ms linear}.acc-tile-box .acc-tile{position:relative;transition:all 250ms linear}.acc-tile-box .acc-tile-data{display:none}.acc-tile-box .acc-tile-btn.active .elementor-button-icon{transform:rotate(180deg)}.acc-tile-box .acc-tile-btn .elementor-button-icon{transition:all 250ms linear}.acc-big-tile-data{display:none}.acc-big-tile-btn.active .elementor-button-icon{transform:rotate(180deg)}.acc-big-tile-btn .elementor-button-icon{transition:all 250ms linear}.acc-big-tile-img{height:496px;overflow:hidden}.acc-big-tile-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css.map b/wp-content/themes/hello-elementor/assets/css/custom.css.map index c86c6bf..8bec051 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css.map +++ b/wp-content/themes/hello-elementor/assets/css/custom.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,6DAAA,CACA,uBAAA,CACA,2BAAA,CACA,SAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA","file":"custom.css"} \ No newline at end of file +{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,6DAAA,CACA,uBAAA,CACA,2BAAA,CACA,SAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAOC,2CACC,uBAAA,CACA,SAAA,CAGF,+BACC,iBAAA,CACA,4BAAA,CAIF,4BACC,iBAAA,CAEA,oCACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,mFAAA,CAKA,SAAA,CACA,0BAAA,CACA,2BAAA,CAGF,wBACC,iBAAA,CACA,2BAAA,CAGD,6BACC,YAAA,CAIC,0DACC,wBAAA,CAIF,mDACC,2BAAA,CAKH,mBACC,YAAA,CAIC,gDACC,wBAAA,CAIF,yCACC,2BAAA,CAIF,kBACC,YAAA,CACA,eAAA,CAEA,sBAEC,WAAA,CACA,UAAA,CACA,mBAAA,CAAA,gBAAA,CACA,6BAAA,CAAA,0BAAA","file":"custom.css"} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.scss b/wp-content/themes/hello-elementor/assets/css/custom.scss index 746b64d..ebcd8b1 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.scss +++ b/wp-content/themes/hello-elementor/assets/css/custom.scss @@ -153,3 +153,83 @@ p { gap: 20px; } } + +.acc-tile-box { + &.active { + .acc-tile-img { + &::before { + transform: translateY(0); + opacity: 1; + } + } + .acc-tile { + margin-top: -200px; + padding-top: 100px !important; + } + } + + .acc-tile-img { + position: relative; + + &::before { + content: ''; + position: absolute; + inset: 0; + background: linear-gradient( + 180deg, + rgba(231, 237, 243, 0.37) -97.39%, + #e7edf3 100% + ); + opacity: 0; + transform: translateY(100%); + transition: all 250ms linear; + } + } + .acc-tile { + position: relative; + transition: all 250ms linear; + } + + .acc-tile-data { + display: none; + } + .acc-tile-btn { + &.active { + .elementor-button-icon { + transform: rotate(180deg); + } + } + + .elementor-button-icon { + transition: all 250ms linear; + } + } +} + +.acc-big-tile-data { + display: none; +} +.acc-big-tile-btn { + &.active { + .elementor-button-icon { + transform: rotate(180deg); + } + } + + .elementor-button-icon { + transition: all 250ms linear; + } +} + +.acc-big-tile-img { + height: 496px; + overflow: hidden; + + img { + // max-height: 496px; + height: 100%; + width: 100%; + object-fit: cover; + object-position: top center; + } +} diff --git a/wp-content/themes/hello-elementor/assets/js/custom.js b/wp-content/themes/hello-elementor/assets/js/custom.js index 6f2db17..e08057d 100644 --- a/wp-content/themes/hello-elementor/assets/js/custom.js +++ b/wp-content/themes/hello-elementor/assets/js/custom.js @@ -1,5 +1,160 @@ -jQuery(document).ready(function($) { - $('body').on('click', '.acc-tile-btn', function() { - +jQuery(function ($) { + const toggleText = 'Zwiń'; + + $('body').on('click', '.acc-tile-btn', function (e) { + e.preventDefault(); + + const $btn = $(this); + const $box = $btn.closest('.acc-tile-box'); + const $content = $box.find('.acc-tile-data').first(); + const $text = $btn.find('.elementor-button-text'); + const defaultText = $btn.data('default-text') || $text.text(); + + if (!$btn.data('default-text')) { + $btn.data('default-text', defaultText); + } + + const isOpen = $content.hasClass('active'); + + // Zamykamy wszystkie inne + $('.acc-tile-box').not($box).each(function () { + const $otherBox = $(this); + const $otherBtn = $otherBox.find('.acc-tile-btn').first(); + const $otherContent = $otherBox.find('.acc-tile-data').first(); + const $otherText = $otherBtn.find('.elementor-button-text'); + const otherDefaultText = $otherBtn.data('default-text'); + + $otherContent.removeClass('active').slideUp(); + $otherBtn.removeClass('active'); + $otherBox.removeClass('active'); + + if (otherDefaultText) { + $otherText.text(otherDefaultText); + } + }); + + // Zmieniamy stan aktualnego + if (isOpen) { + $content.removeClass('active').slideUp(); + $btn.removeClass('active'); + $box.removeClass('active'); + $text.text(defaultText); + } else { + $content.addClass('active').slideDown(); + $btn.addClass('active'); + $box.addClass('active'); + $text.text(toggleText); + } }); + + // $('body').on('click', '.acc-big-tile-btn', function (e) { + // e.preventDefault(); + + // const $btn = $(this); + // const $text = $btn.find('.elementor-button-text'); + // const defaultText = $btn.data('default-text') || $text.text(); + // const $content = $('.acc-big-tile-data'); + + // if (!$btn.data('default-text')) { + // $btn.data('default-text', defaultText); + // } + + // const isOpen = $content.hasClass('active'); + + // if (isOpen) { + // $content.removeClass('active').slideUp(); + // $btn.removeClass('active'); + // $text.text(defaultText); + // $('.acc-big-tile-img').slideUp(); + // } else { + // $content.addClass('active').slideDown(); + // $btn.addClass('active'); + // $text.text(toggleText); + // $('.acc-big-tile-img').slideDown(); + // } + // }); + $('body').on('click', '.acc-big-tile-btn', function (e) { + e.preventDefault(); + + const $btn = $(this); + const $text = $btn.find('.elementor-button-text'); + const defaultText = $btn.data('default-text') || $text.text(); + const $content = $('.acc-big-tile-data'); + const $img = $('.acc-big-tile-img'); + + if (!$btn.data('default-text')) { + $btn.data('default-text', defaultText); + } + + if (!$img.data('initial-height')) { + $img.data('initial-height', $img.outerHeight()); + $img.height($img.outerHeight()); + } + + const initialHeight = $img.data('initial-height'); + const isOpen = $content.hasClass('active'); + + if (isOpen) { + $content.removeClass('active').stop(true, true).slideUp(400); + $btn.removeClass('active'); + $text.text(defaultText); + + $img.stop(true, true).animate({ + height: initialHeight + }, 400); + } else { + const targetHeight = $img.parent().outerHeight() + $content.outerHeight(true); + + $content.addClass('active').stop(true, true).slideDown(400); + $btn.addClass('active'); + $text.text(toggleText); + + $img.stop(true, true).animate({ + height: targetHeight + 16 + }, 400); + } +}); + + // $('body').on('click', '.acc-big-tile-btn', function (e) { + // e.preventDefault(); + + // const $btn = $(this); + // const $text = $btn.find('.elementor-button-text'); + // const defaultText = $btn.data('default-text') || $text.text(); + // const $content = $('.acc-big-tile-data'); + // const $img = $('.acc-big-tile-img'); + + // if (!$btn.data('default-text')) { + // $btn.data('default-text', defaultText); + // } + + // if (!$img.data('initial-height')) { + // $img.data('initial-height', $img.outerHeight()); + // $img.height($img.outerHeight()); + // } + + // const initialHeight = $img.data('initial-height'); + // const isOpen = $content.hasClass('active'); + + // if (isOpen) { + // $content.removeClass('active').slideUp(); + // $btn.removeClass('active'); + // $text.text(defaultText); + + // $img.stop(true, true).animate({ + // height: initialHeight + // }, 400); + // } else { + // $content.addClass('active').slideDown(400, function () { + // const targetHeight = $img.parent().outerHeight(); + + // $img.stop(true, true).animate({ + // height: targetHeight + // }, 400); + // }); + + // $btn.addClass('active'); + // $text.text(toggleText); + // } + // }); }); \ No newline at end of file