fix: do not display stripes outside of the progress bar

mikhailChelbaev · mikhailChelbaev · commit ed16a8d8b7e1 · 2025-01-08T12:58:31.000+01:00
diff --git a/Sources/ComponentsKit/Components/ProgressBar/SUProgressBar.swift b/Sources/ComponentsKit/Components/ProgressBar/SUProgressBar.swift
@@ -70,7 +70,9 @@ public struct SUProgressBar: View {
           StripesShape(model: self.model)
             .foregroundStyle(self.model.color.main.color)
             .cornerRadius(self.model.cornerRadius(for: self.model.progressHeight))
-            .clipped()
+            .frame(width: (geometry.size.width - self.model.progressPadding * 2) * self.progress)
+            .padding(.vertical, self.model.progressPadding)
+            .padding(.horizontal, self.model.progressPadding)
         }
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,9 @@ public struct SUProgressBar: View {`
`70`	`70`	`StripesShape(model: self.model)`
`71`	`71`	`.foregroundStyle(self.model.color.main.color)`
`72`	`72`	`.cornerRadius(self.model.cornerRadius(for: self.model.progressHeight))`
`73`		`- .clipped()`
	`73`	`+ .frame(width: (geometry.size.width - self.model.progressPadding * 2) * self.progress)`
	`74`	`+ .padding(.vertical, self.model.progressPadding)`
	`75`	`+ .padding(.horizontal, self.model.progressPadding)`
`74`	`76`	`}`
`75`	`77`	`}`
`76`	`78`	`}`