search

pkdevbox / iui

Automatically exported from code.google.com/p/iui
MIT License
0 stars 0 forks source link

Dialog dark background, too short #203

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?
1. Go to an iUI webapp through the home screen icon 
See: http://img213.imageshack.us/i/screenshot20091214at132.png/

2. Once in the page, everything looks fine (there are no more Safari menu 
since we click on the home screen icon)
See: http://img191.imageshack.us/i/screenshot20091214at132.png/

3. We click on a "dialog" style link (here it's the cart), and the dark 
background doesn't cover the entire screen, which doesn't look very good.
See: http://img509.imageshack.us/i/screenshot20091214at131.png/

What is the expected output? What do you see instead?
Everything behind should be dark.

What version of the product are you using? On what operating system?
iPhone simulator 3.1.1, iUI 0.4.0 dev1

Original issue reported on code.google.com by char...@cableorganizer.com on 14 Dec 2009 at 6:52

GoogleCodeExporter commented 8 years ago 
Try bumping up the 'min-height: 417px;' property in the  'body > .dialog' 
selector in iui.css
Change 417px to something like 460px...

Original comment by msgilli...@gmail.com on 15 Dec 2009 at 9:27

GoogleCodeExporter commented 8 years ago 
It worked with 470px, but there is still a "hole" if the user scroll down, I've 
tried 
with 'height: 100%' but it didn't work.
I'm thinking about using the document.body.clientHeight javascript variable to 
dynamically adapt this dialog height but I'm not sure how to integrate this. 
Any ideas?

Thanks :-)

Charles

Original comment by char...@cableorganizer.com on 15 Dec 2009 at 2:32

GoogleCodeExporter commented 8 years ago 
@Charles Do you have height: auto?

Original comment by msgilli...@gmail.com on 16 Dec 2009 at 8:37

GoogleCodeExporter commented 8 years ago 
I tried with 'height: auto;', didn't work.

Original comment by char...@cableorganizer.com on 16 Dec 2009 at 8:43

GoogleCodeExporter commented 8 years ago 
Looks like the same problem as issue 124, assuming dialogs and panels use 
similar or
the same CSS code.

Original comment by mike...@gmail.com on 16 Mar 2010 at 4:35

GoogleCodeExporter commented 8 years ago 
Issue 299 has been merged into this issue.

Original comment by msgilli...@gmail.com on 12 Apr 2012 at 4:40

GoogleCodeExporter commented 8 years ago 
Issue #299 includes a patch.

Original comment by msgilli...@gmail.com on 12 Apr 2012 at 4:41