jenkins-bot has submitted this change and it was merged. Change subject: Use Material-ish edit pencil background ......................................................................
Use Material-ish edit pencil background Corresponding frontend (Android) change: https://gerrit.wikimedia.org/r/219082 Bug: T99678 Change-Id: I49e12b213a5884e3b20f30be66daaa4cdd783f9f --- M styles/editlinks.less 1 file changed, 25 insertions(+), 5 deletions(-) Approvals: Dbrant: Looks good to me, approved jenkins-bot: Verified diff --git a/styles/editlinks.less b/styles/editlinks.less index 0479ca6..3fede6f 100644 --- a/styles/editlinks.less +++ b/styles/editlinks.less @@ -1,17 +1,37 @@ a.edit_section_button { - height: 32px; - width: 32px; - border: 8px solid transparent; + height: 48px; + width: 48px; /* @embed */ background-image: url("../images/edit.png"); background-repeat: no-repeat; background-size: 32px 32px; + background-position: center; float: right; display: inline-float; + position: relative; } -a.edit_section_button:active { - background-color: rgba(128,128,128,.1); +a.edit_section_button:before { + /* inactive background transform */ + content: ""; + position: absolute; + z-index: -1; + border-radius: 50%; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: transform 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); + transition: transform 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* ease out quad */ +} + +a.edit_section_button:active:before { + /* active background transform */ + width: 200%; + height: 200%; + top: -50%; + left: -50%; + background-color: #eee; + -webkit-transform: scale(.6); + transform: scale(.6); } .no-editing { -- To view, visit https://gerrit.wikimedia.org/r/219083 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: I49e12b213a5884e3b20f30be66daaa4cdd783f9f Gerrit-PatchSet: 3 Gerrit-Project: mediawiki/extensions/MobileApp Gerrit-Branch: master Gerrit-Owner: Niedzielski <sniedziel...@wikimedia.org> Gerrit-Reviewer: BearND <bsitzm...@wikimedia.org> Gerrit-Reviewer: Bgerstle <bgers...@wikimedia.org> Gerrit-Reviewer: Dbrant <dbr...@wikimedia.org> Gerrit-Reviewer: Fjalapeno <cfl...@wikimedia.org> Gerrit-Reviewer: Mholloway <mhollo...@wikimedia.org> Gerrit-Reviewer: Mhurd <mh...@wikimedia.org> Gerrit-Reviewer: Niedzielski <sniedziel...@wikimedia.org> Gerrit-Reviewer: jenkins-bot <> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits