AzitaRahimi/inova-aboutus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

final-aboutus

Browse Source
This commit is contained in:
Azita Rahimi
2026-06-20 09:49:53 +03:30
parent 43438deca7
commit 572dd0e8a3
3 changed files with 15 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/css/aboutus-responsive.css
View File

@@ -287,10 +287,12 @@ line-height: 1.5;
.picteam-mobile-wrapper { .picteam-mobile-wrapper {
display: block; display: block;
} }
/* .picteam-mobile-caption{
opacity: 1;
} */
} }
@media screen and (max-width: 576px) { @media screen and (max-width: 576px) {
.hero-section { .hero-section {
padding-top: 24px;
padding-bottom: 32px; padding-bottom: 32px;
} }

5
src/assets/css/aboutus.css
View File

@@ -493,7 +493,7 @@
.goal-container { .goal-container {
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 0 40px; padding: 0 20px;
} }
.goal-header { .goal-header {
@@ -1175,7 +1175,8 @@
.picteam-mobile-caption.visible { .picteam-mobile-caption.visible {
opacity: 1; opacity: 1;
/* transform: translateY(0); */ transform: translateY(0);
} }
.picteam-mobile-slide .picteam-accent-line { .picteam-mobile-slide .picteam-accent-line {

24
src/assets/js/aboutus.js
View File

@@ -474,11 +474,8 @@ document.querySelectorAll('.slider-track').forEach((track) => {
return Math.max(0, totalCards() - visibleCount()); return Math.max(0, totalCards() - visibleCount());
} }
/* RTL: positive translate moves content right (shows earlier cards).
We invert: moving "next" (newer) shifts track to the right => translateX positive */
function applyTransform() { function applyTransform() {
const shift = currentIndex * getCardWidth(); const shift = currentIndex * getCardWidth();
// RTL: shifting positive moves older cards into view (goes left visually)
track.style.transform = `translateX(${shift}px)`; track.style.transform = `translateX(${shift}px)`;
} }
@@ -580,7 +577,6 @@ document.querySelectorAll('.slider-track').forEach((track) => {
/* ── init ── */ /* ── init ── */
updateButtons(); updateButtons();
// Run after fonts/layout settle
if (document.fonts && document.fonts.ready) { if (document.fonts && document.fonts.ready) {
document.fonts.ready.then(initToggleVisibility); document.fonts.ready.then(initToggleVisibility);
} else { } else {
@@ -747,12 +743,15 @@ function updateMobile() {
// captions // captions
const mobileCaptions = mobileTrack.querySelectorAll('.picteam-mobile-caption'); const mobileCaptions = mobileTrack.querySelectorAll('.picteam-mobile-caption');
mobileCaptions.forEach((c, i) => { mobileCaptions.forEach((c, i) => {
c.className = 'picteam-mobile-caption'; c.classList.remove('visible');
if (i === current && captionVisible) {
setTimeout(() => c.classList.add('visible'), 150); if (i === current) {
} setTimeout(() => {
}); c.classList.add('visible');
}, 150);
}
});
} }
/* RTL swipe: drag right = prev, drag left = next */ /* RTL swipe: drag right = prev, drag left = next */
@@ -776,10 +775,8 @@ mobileWrapper.addEventListener(
const diff = touchStartX - touchEndX; const diff = touchStartX - touchEndX;
if (Math.abs(diff) > 40) { if (Math.abs(diff) > 40) {
if (diff > 0) { if (diff > 0) {
// swipe left → next (in LTR terms) → in RTL = previous slide
current = mod(current - 1, total); current = mod(current - 1, total);
} else { } else {
// swipe right → prev (in LTR terms) → in RTL = next slide
current = mod(current + 1, total); current = mod(current + 1, total);
} }
updateMobile(); updateMobile();
@@ -794,9 +791,6 @@ const observer = new IntersectionObserver(
(entries) => { (entries) => {
entries.forEach((entry) => { entries.forEach((entry) => {
if (entry.isIntersecting && !captionVisible) { if (entry.isIntersecting && !captionVisible) {
// captionVisible = true;
// updateDesktop(false);
// updateMobile();
observer.unobserve(entry.target); observer.unobserve(entry.target);
} }
}); });