Move title attribute of buttons from <span> to <a>

The `.toolbar ul li a` that holds the `span.button` has a
padding of `4px 5px`. This means if the mouse is on the edge
of the button the `:hover` state is active but the relevant
tooltip does not show up. Moving the `title` attribute to
the `<a>` itself solves this problem.

Also removed some extra whitespace.
This commit is contained in:
Prateek Saxena 2014-10-11 20:13:19 +05:30
parent 6ec55309a7
commit 437b2bfc64

View file

@ -99,8 +99,8 @@ _.extend(Button.prototype, {
"data-key": this.attributes.command, "data-key": this.attributes.command,
}; };
return tag("li", liAttributes, return tag("li", liAttributes,
tag("a", { "class": this.grouping }, tag("a", { "class": this.grouping, "data-l10n-id": this.attributes.localizationId },
tag("span", { "class": " "+ this.attributes.class, "data-l10n-id": this.attributes.localizationId }) tag("span", { "class": " "+ this.attributes.class })
) )
); );
} }
@ -203,13 +203,13 @@ module.exports = {
settings: defaultButtonAttributes("settings"), settings: defaultButtonAttributes("settings"),
embed: defaultButtonAttributes("embed"), embed: defaultButtonAttributes("embed"),
showusers: defaultButtonAttributes("showusers"), showusers: defaultButtonAttributes("showusers"),
timeslider_export: { timeslider_export: {
command: "import_export", command: "import_export",
localizationId: "timeslider.toolbar.exportlink.title", localizationId: "timeslider.toolbar.exportlink.title",
class: "buttonicon buttonicon-import_export" class: "buttonicon buttonicon-import_export"
}, },
timeslider_returnToPad: { timeslider_returnToPad: {
command: "timeslider_returnToPad", command: "timeslider_returnToPad",
localizationId: "timeslider.toolbar.returnbutton", localizationId: "timeslider.toolbar.returnbutton",