springpad extension on netbook

AttachmentSize
Image icon Workspace 1_009.png70.15 KB

I'm a Springpad user and although the recent upgrade took away one of my favorite features: offline mode I continue to persevere. A little while ago I noticed that the springpad extension on my netbook would put the extension popup window to the top and off the screen, like this:

Screenshot

While there might be a good argument made in terms of this being very secure, it just wasn't working for me. I worked around the issue by finding the location where the extension is installed. There I found a sub directory named css, which contained a file named springpad.css. I modified a couple of height definitions on lines 19 and 27 and VoilĂ  I was back up and running after disabling and re-enabled the extension. Here is the diff:

--- springpad.css.orig	2012-05-19 08:00:13.002658842 -0600
+++ springpad.css	2012-05-19 08:48:57.461160443 -0600
@@ -16,7 +16,7 @@
 
 html, body, div, section, header, footer, aside {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
 html, body {width:100%; height:100%; margin:0px; padding:0px; background:#FFF;}
-html {width:502px; height:557px; overflow:hidden;}
+html {width:502px; height:507px; overflow:hidden;}
 body {overflow:hidden; font-size:12px; color:#111; font-family:'lucida grande', tahoma, verdana, arial, sans-serif;}
 
 html.firefox {width:512px; height:567px; padding:5px; background:transparent !important;}
@@ -24,7 +24,7 @@
 
 body > * {position:relative;}
 body > header {overflow:hidden; height:0px; -webkit-transition:height 0.5s ease-in-out; -moz-transition:height 0.5s ease-in-out; transition:height 0.5s ease-in-out;}
-body > section {width:502px; height:527px; -webkit-transition:height 0.5s ease-in-out;}
+body > section {width:502px; height:427px; -webkit-transition:height 0.5s ease-in-out;}
 body > footer {height:30px; background:#111; background-image:-webkit-gradient(linear,center top,center bottom, from(#555), color-stop(50%, #333), color-stop(50%, #222), to(#000));}
 body > footer a,
 body > footer a:hover {color:#FFF !important;}

From the looks of it, there are some special defintions for Firefox. So if you're not using Chrome your mileage may vary.

\@matthias