From 4278afa16bb46819975f95fe91021edcb852ca47 Mon Sep 17 00:00:00 2001 From: Angie Byron Date: Sat, 17 Oct 2009 05:50:29 +0000 Subject: =?UTF-8?q?#473268=20by=20David=5FRothstein,=20sun,=20yoroy,=20G?= =?UTF-8?q?=C3=A1bor=20Hojtsy,=20cwgordon7,=20et=20al.:=20Allow=20contextu?= =?UTF-8?q?al=20editing=20of=20dang=20near=20everything=20on=20the=20page.?= =?UTF-8?q?=20Also=20adds=20a=20context=20system=20to=20menu=20local=20tas?= =?UTF-8?q?ks.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- misc/contextual_links.css | 38 ++++++++++++++++++++++++++++++++++++++ misc/contextual_links.js | 33 +++++++++++++++++++++++++++++++++ 2 files changed, 71 insertions(+) create mode 100644 misc/contextual_links.css create mode 100644 misc/contextual_links.js (limited to 'misc') diff --git a/misc/contextual_links.css b/misc/contextual_links.css new file mode 100644 index 000000000..3158c8c81 --- /dev/null +++ b/misc/contextual_links.css @@ -0,0 +1,38 @@ +/* $Id$ */ + +/** + * Contextual links regions. + */ +.contextual-links-region { + outline: none; + position: relative; +} +.contextual-links-region-active { + outline: #000 dashed 1px; +} + +/** + * Contextual links. + */ +ul.contextual-links { + float: right; + font-size: 90%; + margin: 0; + padding: 0; +} +ul.contextual-links li { + border-left: 1px solid #ccc; + display: inline; + line-height: 100%; + list-style: none; + margin: 0 0 0 0.3em; + padding: 0 0 0 0.6em; +} +ul.contextual-links li.first { + border-left: 0; + margin: 0; + padding: 0; +} +ul.contextual-links li a { + text-decoration: none; +} diff --git a/misc/contextual_links.js b/misc/contextual_links.js new file mode 100644 index 000000000..d7fafbd25 --- /dev/null +++ b/misc/contextual_links.js @@ -0,0 +1,33 @@ +// $Id$ +(function ($) { + +Drupal.contextualLinks = Drupal.contextualLinks || {}; + +/** + * Attach outline behavior for regions associated with contextual links. + */ +Drupal.behaviors.contextualLinks = { + attach: function (context) { + $('ul.contextual-links', context).once('contextual-links', function () { + $(this).hover(Drupal.contextualLinks.hover, Drupal.contextualLinks.hoverOut); + }); + } +}; + +/** + * Enables outline for the region contextual links are associated with. + */ +Drupal.contextualLinks.hover = function () { + $(this).addClass('contextual-links-link-active') + .closest('.contextual-links-region').addClass('contextual-links-region-active'); +}; + +/** + * Disables outline for the region contextual links are associated with. + */ +Drupal.contextualLinks.hoverOut = function () { + $(this).removeClass('contextual-links-link-active') + .closest('.contextual-links-region').removeClass('contextual-links-region-active'); +}; + +})(jQuery); -- cgit v1.2.3