Prtksxna has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/342322 )
Change subject: ProgressBarWidget: Use scaleX instead of width
......................................................................
ProgressBarWidget: Use scaleX instead of width
Change-Id: I9850623a958102620e0035d5b91c65b72e668c7f
---
M src/themes/mediawiki/widgets.less
M src/widgets/ProgressBarWidget.js
2 files changed, 4 insertions(+), 2 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/22/342322/1
diff --git a/src/themes/mediawiki/widgets.less
b/src/themes/mediawiki/widgets.less
index 8872c16..ba98f78 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -1767,7 +1767,9 @@
&-bar {
height: 1em;
- .oo-ui-transition( width 200ms );
+ width: 1%;
+ transform-origin: left;
+ .oo-ui-transition( transform 200ms );
}
&-indeterminate {
.oo-ui-progressBarWidget-bar {
diff --git a/src/widgets/ProgressBarWidget.js b/src/widgets/ProgressBarWidget.js
index c0b0dc3..34e1f5e 100644
--- a/src/widgets/ProgressBarWidget.js
+++ b/src/widgets/ProgressBarWidget.js
@@ -90,7 +90,7 @@
this.progress = progress;
if ( progress !== false ) {
- this.$bar.css( 'width', this.progress + '%' );
+ this.$bar.css( 'transform', 'scaleX(' + this.progress + ')' );
this.$element.attr( 'aria-valuenow', this.progress );
} else {
this.$bar.css( 'width', '' );
--
To view, visit https://gerrit.wikimedia.org/r/342322
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I9850623a958102620e0035d5b91c65b72e668c7f
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Prtksxna <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
