javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: naming

Browse Source
This commit is contained in:
Brandy Carney
2024-09-30 09:57:22 -04:00
parent c6ec156dcb
commit e6547432e5
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
core/src/components/segment/segment.tsx
View File

@ -373,13 +373,15 @@ export class Segment implements ComponentInterface {
const indicatorEl = this.getIndicator(current); const indicatorEl = this.getIndicator(current);
this.scrolledIndicator = indicatorEl; this.scrolledIndicator = indicatorEl;
const { scrollDistancePercentage, scrollDistance: evScrollDistance } = ev.detail; const { scrollDistancePercentage, scrollDistance } = ev.detail;
if (indicatorEl && !isNaN(scrollDistancePercentage)) { if (indicatorEl && !isNaN(scrollDistancePercentage)) {
indicatorEl.style.transition = 'transform 0.3s ease-out'; indicatorEl.style.transition = 'transform 0.3s ease-out';
const scrollDistance = scrollDistancePercentage * current.getBoundingClientRect().width; // Calculate the amount the indicator should move based on the scroll percentage
const transformValue = evScrollDistance < 0 ? -scrollDistance : scrollDistance; // and the width of the current button
const scrollAmount = scrollDistancePercentage * current.getBoundingClientRect().width;
const transformValue = scrollDistance < 0 ? -scrollAmount : scrollAmount;
// Calculate total width of buttons to the left of the current button // Calculate total width of buttons to the left of the current button
const totalButtonWidthBefore = buttons const totalButtonWidthBefore = buttons
@ -405,13 +407,13 @@ export class Segment implements ComponentInterface {
// Scroll the buttons if the indicator is out of view // Scroll the buttons if the indicator is out of view
const indicatorX = indicatorEl.getBoundingClientRect().x; const indicatorX = indicatorEl.getBoundingClientRect().x;
const buttonWidth = current.getBoundingClientRect().width; const buttonWidth = current.getBoundingClientRect().width;
if (evScrollDistance < 0 && indicatorX < 0) { if (scrollDistance < 0 && indicatorX < 0) {
this.el.scrollBy({ this.el.scrollBy({
top: 0, top: 0,
left: indicatorX, left: indicatorX,
behavior: 'instant', behavior: 'instant',
}); });
} else if (evScrollDistance > 0 && indicatorX + buttonWidth > this.el.offsetWidth) { } else if (scrollDistance > 0 && indicatorX + buttonWidth > this.el.offsetWidth) {
this.el.scrollBy({ this.el.scrollBy({
top: 0, top: 0,
left: indicatorX + buttonWidth - this.el.offsetWidth, left: indicatorX + buttonWidth - this.el.offsetWidth,