Prtksxna has uploaded a new change for review.
https://gerrit.wikimedia.org/r/189949
Change subject: MediaWiki Theme: Add focus state for frameless button
......................................................................
MediaWiki Theme: Add focus state for frameless button
- Use inset box shadow, same as other buttons
- Increase right margin to add white space after label
- The hover state doesn't get an outline anyway
Bug: T87692
Change-Id: I6248b8294861fe3d41997f1143818c6ff4b1c6b3
---
M src/themes/mediawiki/elements.less
1 file changed, 2 insertions(+), 1 deletion(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/49/189949/1
diff --git a/src/themes/mediawiki/elements.less
b/src/themes/mediawiki/elements.less
index ed18ea8..93baf3b 100644
--- a/src/themes/mediawiki/elements.less
+++ b/src/themes/mediawiki/elements.less
@@ -36,8 +36,8 @@
&-frameless {
> .oo-ui-buttonElement-button {
- &:hover,
&:focus {
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
outline: none;
}
}
@@ -46,6 +46,7 @@
> .oo-ui-buttonElement-button {
> .oo-ui-labelElement-label {
margin-left: 0.25em;
+ margin-right: 0.5em;
}
}
}
--
To view, visit https://gerrit.wikimedia.org/r/189949
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I6248b8294861fe3d41997f1143818c6ff4b1c6b3
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
