diff -u b/core/modules/edit/js/edit.js b/core/modules/edit/js/edit.js --- b/core/modules/edit/js/edit.js +++ b/core/modules/edit/js/edit.js @@ -389,7 +389,7 @@ loadMissingEditors(function () { var $links = $(contextualLink.el).find('.contextual-links'); var contextualLinkView = new Drupal.edit.ContextualLinkView($.extend({ - el: $('
  • ').prependTo($links), + el: $('
  • ').prependTo($links), model: entityModel, appModel: Drupal.edit.app.model }, options)); diff -u b/core/modules/edit/js/views/ContextualLinkView.js b/core/modules/edit/js/views/ContextualLinkView.js --- b/core/modules/edit/js/views/ContextualLinkView.js +++ b/core/modules/edit/js/views/ContextualLinkView.js @@ -15,11 +15,11 @@ event.target.click(); } return { - 'click a': function (event) { + 'click button': function (event) { event.preventDefault(); this.model.set('state', 'launching'); }, - 'touchEnd a': touchEndToClick + 'touchEnd button': touchEndToClick }; }, @@ -47,7 +47,7 @@ render: function (entityModel, isActive) { // Hides the contextual links if an in-place editor is active. this.$el.closest('.contextual').toggle(!isActive); - + this.$el.find('button').attr('aria-pressed', isActive); return this; } only in patch2: unchanged: --- a/core/modules/edit/css/edit.module.css +++ b/core/modules/edit/css/edit.module.css @@ -119,3 +119,22 @@ position: fixed; z-index: -1; } + +/** + * Contextual links. + */ +.contextual-region .contextual .contextual-links .quick-edit button { + border: 0 none; + margin: 0; + padding: 3px 0 2px; + color: #0071b3 !important; + font-size: 0.923em; + text-shadow: 0 0 0 !important; +} + +.contextual-region .contextual .contextual-links .quick-edit button:hover { + color: white !important; + background-image: -webkit-linear-gradient(rgb(78,159,234) 0%,rgb(65,126,210) 100%); + background-image: linear-gradient(rgb(78,159,234) 0%,rgb(65,126,210) 100%); + text-decoration: underline; +}