Prtksxna has uploaded a new change for review.
https://gerrit.wikimedia.org/r/179404
Change subject: MediaWiki Theme: Add state transition to radio buttons
......................................................................
MediaWiki Theme: Add state transition to radio buttons
Bug: T78370
Change-Id: I3cfb1b79473916209c95cb8d9613411669e56f59
---
M src/themes/mediawiki/widgets.less
1 file changed, 11 insertions(+), 4 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/04/179404/1
diff --git a/src/themes/mediawiki/widgets.less
b/src/themes/mediawiki/widgets.less
index 36e48d0..c1a7766 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -263,6 +263,12 @@
}
& + span::before {
+ transition: background-size 0.2s cubic-bezier(0.175,
0.885, 0.32, 1.275);
+ -moz-transition: background-size 0.2s
cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ -ms-transition: background-size 0.2s
cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ -o-transition: background-size 0.2s cubic-bezier(0.175,
0.885, 0.32, 1.275);
+ -webkit-transition: background-size 0.2s
cubic-bezier(0.175, 0.885, 0.32, 1.275);
+
content: '';
.oo-ui-box-sizing( border-box );
position: absolute;
@@ -272,14 +278,15 @@
height: @input-size;
background: white;
border: 1px solid @input-border-color;
- }
-
- &:checked + span::before {
.oo-ui-background-image('@{oo-ui-default-image-path}/icons/circle-constructive.svg');
- background-size: @input-size, @input-size;
background-repeat: no-repeat;
background-position: center center;
background-origin: border-box;
+ background-size: 0 0;
+ }
+
+ &:checked + span::before {
+ background-size: 100% 100%;
}
&:active + span::before {
--
To view, visit https://gerrit.wikimedia.org/r/179404
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I3cfb1b79473916209c95cb8d9613411669e56f59
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
