Toolbar doesn't show correctly

[GoogleCodeExporter]

What steps will reproduce the problem?
1. I do a capture with "Capture page region" in the popup of the extension.
2. I hover with the mouse the menu "Highlight" or another menu in the toolbar.
3. The menu doesn't show (it's under the capture).

What is the expected output? What do you see instead?
To see the menu, but I didn't see it.

What version of the product are you using? On what operating system?
Screen Capture 5.0.4 on Ubuntu Linux 12.04 (Chrome 22.0.1229.2 (Muntatge 
oficial 150678) dev).

Please provide any additional information below.
I saw that it is easily fixed by adding a z-index to the two toolbars (left and 
right).

I attach two screenshots ("withoutzindex.png" shows what is the result and 
"withzindex.png" shows the page with the fix explained above). It happens all 
the time.

Original issue reported on code.google.com by jocdelad...@gmail.com on 4 Sep 2012 at 7:22

Attachments:

• withoutzindex.png
• withzindex.png

[GoogleCodeExporter]

No fix suggested? Also waiting for it!

Original comment by annu...@gmail.com on 22 Oct 2012 at 7:06

[GoogleCodeExporter]

This works:

Look for "showimage.css" this is the folder to search for it "chrome/user 
data/profile X/extensions/cpngackimfmofbokmjmljamhdncknpmg/XXXXX/ where profile 
X and XXXXX could be different in your computer.

Change the .toolbar adding  z-index: 100000; leave it like this:

.toolbar {
  position:fixed;
  height: 30px;
  margin-left: 10px;
  padding-top: 6px;
  z-index: 100000;
}

Restart chrome and test, it works for me! located here:

http://code.google.com/p/chrome-screen-capture/wiki/EnglishFAQ

Original comment by annu...@gmail.com on 22 Oct 2012 at 7:24

[GoogleCodeExporter]

Using OSX 10.8.2, Chrome Version 23.0.1271.64
The change recommended in Comment 2 worked for me!  Thanks!
Also, the path on OS X to the showimages.css file is:
/Users/<username>/Library/Application 
Support/Google/Chrome/Default/Extensions/cpngackimfmofbokmjmljamhdncknpmg/<versi
on #>

Original comment by basef...@gmail.com on 21 Nov 2012 at 9:01

[GoogleCodeExporter]

It also worked for me on Ubuntu 12.10, Chrome Version 24.0.1312.5 dev

I add the path on Ubuntu to the showimages.css file:
/home/<username>/.config/google-chrome/Default/Extensions/cpngackimfmofbokmjmlja
mhdncknpmg/<version #>

Original comment by jocdelad...@gmail.com on 21 Nov 2012 at 9:14

[GoogleCodeExporter]

works on win7 chrome 23.0.1271.64. Thanks. Please insert this into an update 
soon

Original comment by holger.a...@revevol.eu on 24 Nov 2012 at 7:12

[GoogleCodeExporter]

As a simple workaround (but only per instance - not a default every time you 
open it) it's possible to just use developer tools (right-click -> inspect 
element) to manually add the z-index to the toolbar.

This might be simpler for some to apply if they have difficulty finding 
showimage.css for some reason, but editing the css file is a better workaround 
overall because it will resolve the problem "permanently" (until Google release 
some update to the extension without fixing this bug at least!).

Original comment by uk.dam...@gmail.com on 27 Dec 2012 at 6:05

[GoogleCodeExporter]

Also if it helps someone find it on Windows, I found it here on Windows XP:

C:\Documents and Settings\<username>\Local Settings\Application 
Data\Google\Chrome\User 
Data\Default\Extensions\cpngackimfmofbokmjmljamhdncknpmg\5.0.5_0

Note that 'Local Settings' and 'Application Data' are hidden folders, so you 
may need to change your options in Windows Explorer via Tools > Folder Options 
> View so that 'Show hidden folders and files' is activated. (it's off by 
default)

Original comment by uk.dam...@gmail.com on 27 Dec 2012 at 6:15

[GoogleCodeExporter]

Edit file showimage.css
change z-index of element#toobar to 1000 like below

.toolbar {
  position:fixed;
  height: 30px;
  margin-left: 10px;
  padding-top: 6px;
  z-index: 1000;  //add this line
}

Original comment by wacha...@gmail.com on 3 Feb 2013 at 2:20