search

zhangxin1987 / chrome-screen-capture

Automatically exported from code.google.com/p/chrome-screen-capture
0 stars 0 forks source link

Menu behind captured image #218

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?
1.Capture an image
2.Click the line menu (or any menu)
3.The menu opens behind the image and you cannot select anything.

What is the expected output? What do you see instead?
Menu should open in front of the captured image

What version of the product are you using? On what operating system?
Version 5.04  Windows 7

Please provide any additional information below.

Original issue reported on code.google.com by mro.mich...@gmail.com on 29 Aug 2012 at 1:59

GoogleCodeExporter commented 8 years ago 
i fixed it with the following change:

add "z-index: 100;" to the ".toolbar" css class of showimage.css

Original comment by geki...@gmail.com on 28 Jan 2013 at 2:01

GoogleCodeExporter commented 8 years ago 
Well... just tried it, using Chrome Version 26.0.1386.0 dev-m and Screen 
Capture (by Google) 5.0.5  and the menus still open behind the captured 
image....

Original comment by mro.mich...@gmail.com on 28 Jan 2013 at 10:52

GoogleCodeExporter commented 8 years ago 
Same issue for me...

Version 23.0.1271.64 m

Original comment by dirk.bos...@aperam.com on 29 Jan 2013 at 3:56

GoogleCodeExporter commented 8 years ago 
OK, now I understand from the first comment.  You have to change your local 
showimage.css file!!  I found mine at 
"C:\Users\user1\AppData\Local\Google\Chrome\User 
Data\Default\Extensions\cpngackimfmofbokmjmljamhdncknpmg\5.0.5_0".  Opened 
showimage.css in Notepad, added "z-index: 100;" to the ".toolbar" css class, 
saved, restarted Chrome and all works fine now!!

Original comment by mro.mich...@gmail.com on 29 Jan 2013 at 4:53

GoogleCodeExporter commented 8 years ago 
added z-index to css and works perfectly! Thanks

Original comment by mar...@donotreply.at on 29 Jan 2013 at 5:15

GoogleCodeExporter commented 8 years ago 
I can find showimage.css but no mebntion of .toolbar anywhere in the file, so 
nothing to edit.

Original comment by A.D.Edwa...@gmail.com on 18 Mar 2013 at 12:06

GoogleCodeExporter commented 8 years ago 
@6 
#4 tells precisely what to do. Just check the extension name is right. fx. 
cpngackimfmofbokmjmljamhdncknpmg.

Works perfectly!

Original comment by thereal...@gmail.com on 18 Mar 2013 at 12:27

GoogleCodeExporter commented 8 years ago 
Same issue for me. The flyouts from "Redact", "Highlight" etc. are vertically 
stacked underneath the captured image (full screen capture in my 2 tests if 
that makes any difference).

Will try to CSS fix above but would make sense for someone to fix at source.

Cheers

Original comment by nsc.thed...@gmail.com on 20 Mar 2013 at 8:57

Attachments:

GoogleCodeExporter commented 8 years ago 
There are a number of ".toolbar" lines in my showimag.css as below. after which 
line should I append the "z-index: 100;" ?
"""
.toolbar {
  position:fixed;
  height: 30px;
  margin-left: 10px;
  padding-top: 6px;
}
.toolbar ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.toolBar ul li {
  cursor: pointer;
  margin-right: 8px;
  float: left;
""""""

Original comment by nst...@gmail.com on 10 Apr 2013 at 4:28

GoogleCodeExporter commented 8 years ago 
.toolbar {

Original comment by geki...@gmail.com on 10 Apr 2013 at 6:02

GoogleCodeExporter commented 8 years ago 
Same error here. It should be fixed because we cannot use the Menu and I don't 
want to alter the CSS of the extension, it should work well.

Original comment by sources....@gmail.com on 21 Apr 2013 at 5:24

GoogleCodeExporter commented 8 years ago 
Thank you to #1 (geki) and #4 (mro)!

Original comment by sunshine...@gmail.com on 16 May 2013 at 9:46