diff --git a/core/misc/collapse.js b/core/misc/collapse.js index 80f5939..8144642 100644 --- a/core/misc/collapse.js +++ b/core/misc/collapse.js @@ -67,7 +67,8 @@ $.extend(CollapsibleFieldset.prototype, { .after(' '); // .wrapInner() does not retain bound events. - var $link = $('') + var $link = $('') + .attr('href', '#' + this.$node.attr('id')) .prepend($legend.contents()) .appendTo($legend) .click($.proxy(this.onLegendClick, this)); diff --git a/core/misc/machine-name.js b/core/misc/machine-name.js index 9ef6e47..d06e53e 100644 --- a/core/misc/machine-name.js +++ b/core/misc/machine-name.js @@ -109,7 +109,7 @@ Drupal.behaviors.machineName = { options: options }; // If it is editable, append an edit link. - var $link = $('' + Drupal.t('Edit') + '').bind('click', eventData, clickEditHandler); + var $link = $('').bind('click', eventData, clickEditHandler); $suffix.append(' ').append($link); // Preview the machine name in realtime when the human-readable name diff --git a/core/misc/tabledrag.js b/core/misc/tabledrag.js index 230f588..687b086 100644 --- a/core/misc/tabledrag.js +++ b/core/misc/tabledrag.js @@ -104,7 +104,7 @@ Drupal.tableDrag = function (table, tableSettings) { $table.find('> tr.draggable, > tbody > tr.draggable').each(function () { self.makeDraggable(this); }); // Add a link before the table for users to show or hide weight columns. - $table.before($('') + $table.before($('') .attr('title', Drupal.t('Re-order rows by numerical weight instead of dragging.')) .click($.proxy(function (e) { e.preventDefault(); diff --git a/core/misc/tableresponsive.js b/core/misc/tableresponsive.js index 4a03be3..189a182 100644 --- a/core/misc/tableresponsive.js +++ b/core/misc/tableresponsive.js @@ -35,7 +35,7 @@ function TableResponsive (table) { // traversed only once to find them. this.$headers = this.$table.find('th'); // Add a link before the table for users to show or hide weight columns. - this.$link = $('') + this.$link = $('') .attr({ 'title': Drupal.t('Show table cells that were hidden to make the table fit within a small screen.') }) diff --git a/core/misc/vertical-tabs.js b/core/misc/vertical-tabs.js index 303840a..ca80108 100644 --- a/core/misc/vertical-tabs.js +++ b/core/misc/vertical-tabs.js @@ -85,6 +85,8 @@ Drupal.verticalTab = function (settings) { var self = this; $.extend(this, settings, Drupal.theme('verticalTab', settings)); + this.link.attr('href', '#' + settings.fieldset.attr('id')); + this.link.click(function (e) { e.preventDefault(); self.focus(); diff --git a/core/modules/contextual/contextual.js b/core/modules/contextual/contextual.js index 8534ce1..0bcc444 100644 --- a/core/modules/contextual/contextual.js +++ b/core/modules/contextual/contextual.js @@ -18,7 +18,7 @@ Drupal.behaviors.contextualLinks = { var $wrapper = $(this); var $region = $wrapper.closest('.contextual-region'); var $links = $wrapper.find('ul'); - var $trigger = $('').text(Drupal.t('Configure')).click( + var $trigger = $(')'); + var $button = $link.find('button'); $link.toggle( function (e) { e.preventDefault(); $summary.hide(); - $a.html(Drupal.t('Edit summary')); + $button.html(Drupal.t('Edit summary')); $link.appendTo($fullLabel); }, function (e) { e.preventDefault(); $summary.show(); - $a.html(Drupal.t('Hide summary')); + $button.html(Drupal.t('Hide summary')); $link.appendTo($summaryLabel); } ).appendTo($summaryLabel); diff --git a/core/modules/system/system.theme.css b/core/modules/system/system.theme.css index 6a4a64d..3880087 100644 --- a/core/modules/system/system.theme.css +++ b/core/modules/system/system.theme.css @@ -1,4 +1,3 @@ - /** * @file * Basic styling for common markup. @@ -15,6 +14,9 @@ form { margin: 0; padding: 0; } +button { + font-size: 1em; +} hr { border: 1px solid gray; height: 1px; @@ -183,6 +185,21 @@ abbr.form-required, abbr.tabledrag-changed, abbr.ajax-changed { } /** + * Show buttons as links. + */ +button.link { + background: transparent; + border: 0; + cursor: pointer; + margin: 0; + padding: 0; +} + +label button.link { + font-weight: bold; +} + +/** * Collapsible fieldsets. * * @see collapse.js diff --git a/core/themes/bartik/css/colors.css b/core/themes/bartik/css/colors.css index f2a3249..96f3877 100644 --- a/core/themes/bartik/css/colors.css +++ b/core/themes/bartik/css/colors.css @@ -1,4 +1,3 @@ - /* ---------- Color Module Styles ----------- */ body, @@ -30,14 +29,18 @@ body.overlay { background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%); background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%); } -a { +a, +.link { color: #0071b3; } a:hover, -a:focus { +a:focus, +.link:hover, +.link:focus { color: #018fe2; } -a:active { +a:active, +.link:active { color: #23aeff; } .sidebar .block { diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css index 38e1afa..b98b669 100644 --- a/core/themes/bartik/css/style.css +++ b/core/themes/bartik/css/style.css @@ -15,7 +15,10 @@ a:visited { } a:hover, a:active, -a:focus { +a:focus, +.link:hover, +.link:active, +.link:focus { text-decoration: underline; } h1, @@ -122,14 +125,16 @@ div.messages, div.meta, p.comment-time, table, -.breadcrumb { +.breadcrumb, +.link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } input, textarea, select, .form-button, -a.button { +a.button, +button { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; } @@ -1115,6 +1120,11 @@ a.button:active { background: #dedede; } +/* Remove firefox focus padding */ +button.link::-moz-focus-inner{ + padding: 0; +} + /* -------------- Form Elements ------------- */ fieldset { diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index e8ad0cf..36e85df 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -6,11 +6,13 @@ body { background: #fff; font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif; } -a { +a, +.link { color: #0074bd; text-decoration: none; } -a:hover { +a:hover, +.link:hover { text-decoration: underline; } hr {