Permalink
Browse files

Add textareas.css and a specific CSS ID for the edit buttons.

Reported as issue 41 the site:

http://www.thegatesnotes.com/Personal/Steve-Jobs

Has CSS which overode the size of all the image elements in a given
div box. As a result the button was stretched to fill the <div> area.
By specifying a specific CSS ID the size vould be forced back again.

I assume it's possible the CSS ID might clash with another sites but
hopefully that will be fairly rare.
  • Loading branch information...
1 parent 8f340d9 commit 511f3abc3f334e950aa3e55b2b8cd1908c560b02 @stsquad committed Oct 6, 2011
Showing with 11 additions and 1 deletion.
  1. +1 −0 manifest.json
  2. +9 −0 textareas.css
  3. +1 −1 textareas.js
View
1 manifest.json
@@ -19,6 +19,7 @@
"content_scripts": [
{
"matches": ["http://*/*", "https://*/*", "file://*/*"],
+ "css": ["textareas.css"],
"js": ["textareas.js", "jquery-1.4.2.min.js", "jquery.color.js"],
"run_at": "document_idle",
"all_frames": true
View
9 textareas.css
@@ -0,0 +1,9 @@
+/*
+ CSS Definitions for Edit with Emacs
+ */
+
+#ewe_edit_button {
+ width: 28px;
+ height: 14px;
+ cursor: pointer;
+}
View
2 textareas.js
@@ -75,7 +75,7 @@ function textAreaTracker(text)
// The img
if (enable_button) {
this.image = document.createElement('img');
- this.image.style.cursor='pointer';
+ this.image.setAttribute("id", "ewe_edit_button");
this.image.setAttribute("edit_id", this.edit_id);
this.image.src = editImgURL;

0 comments on commit 511f3ab

Please sign in to comment.