mirror of
https://github.com/bitwarden/browser
synced 2025-12-18 17:23:37 +00:00
Revert "[AC-1423] Add minWidth input to bit-progress component"
This reverts commit 95b2223a30.
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
aria-valuemin="0"
|
aria-valuemin="0"
|
||||||
aria-valuemax="100"
|
aria-valuemax="100"
|
||||||
attr.aria-valuenow="{{ barWidth }}"
|
attr.aria-valuenow="{{ barWidth }}"
|
||||||
[ngStyle]="{ width: barWidthPercentage + '%' }"
|
[ngStyle]="{ width: barWidth + '%' }"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
*ngIf="displayText"
|
*ngIf="displayText"
|
||||||
|
|||||||
@@ -26,16 +26,11 @@ export class ProgressComponent {
|
|||||||
@Input() showText = true;
|
@Input() showText = true;
|
||||||
@Input() size: SizeTypes = "default";
|
@Input() size: SizeTypes = "default";
|
||||||
@Input() text?: string;
|
@Input() text?: string;
|
||||||
@Input() minWidth = 0;
|
|
||||||
|
|
||||||
get displayText() {
|
get displayText() {
|
||||||
return this.showText && this.size !== "small";
|
return this.showText && this.size !== "small";
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get barWidthPercentage() {
|
|
||||||
return this.barWidth > this.minWidth ? this.barWidth : this.minWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
get outerBarStyles() {
|
get outerBarStyles() {
|
||||||
return ["tw-overflow-hidden", "tw-rounded", "tw-bg-secondary-100"].concat(
|
return ["tw-overflow-hidden", "tw-rounded", "tw-bg-secondary-100"].concat(
|
||||||
SizeClasses[this.size]
|
SizeClasses[this.size]
|
||||||
|
|||||||
@@ -15,7 +15,6 @@ export default {
|
|||||||
showText: true,
|
showText: true,
|
||||||
size: "default",
|
size: "default",
|
||||||
bgColor: "primary",
|
bgColor: "primary",
|
||||||
minWidth: 0,
|
|
||||||
},
|
},
|
||||||
} as Meta;
|
} as Meta;
|
||||||
|
|
||||||
@@ -39,10 +38,3 @@ export const CustomText: Story = {
|
|||||||
text: "Loading...",
|
text: "Loading...",
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
export const MinWidth: Story = {
|
|
||||||
args: {
|
|
||||||
barWidth: 0,
|
|
||||||
minWidth: 5,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|||||||
Reference in New Issue
Block a user