search

mikel333 / restylegc

Automatically exported from code.google.com/p/restylegc
0 stars 0 forks source link

Calendar details bubble messed up. #19

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. Create an event
2. Embed calendar on website with restylegc
3. Click on event

What is the expected output? What do you see instead?
Attached is what I'm seeing. Not very nice to see.

What version of the product are you using? On what operating system?
I just upgraded and this issue started. Using Safari on Mac OS X 1.6.6.

Please provide any additional information below.

Original issue reported on code.google.com by j.christ...@bigpond.com on 4 Feb 2011 at 4:42

Attachments:

GoogleCodeExporter commented 9 years ago 
Never mind.. fixed it myself.
I needed to upgrade the CSS file as well.

My mistake!

Original comment by j.christ...@bigpond.com on 4 Feb 2011 at 4:45

GoogleCodeExporter commented 9 years ago 
That's odd.  I have the latest stylesheet & I see the same problem.  I upgraded 
on the 3/15/11 as of today, 3/24, I haven't detected any changes in it.  Maybe 
the solution was get the lastest javascript instead of the latest stylesheet?

Original comment by mrrhode...@gmail.com on 24 Mar 2011 at 7:42

GoogleCodeExporter commented 9 years ago 
Found this comment in the Troubleshooting section of the Wiki:
--------------------------------------------------------------

Comment by schae...@elmyr.com, Jan 31, 2010
EVENT BUBBLES DON'T LOOK RIGHT (BROKEN) - FIX

You need to add a fixed width to this portion of the CSS to fix the issue.

.bubble {
        position:absolute;
        visibility:hidden;
        left:0;
        top:0;
        font-size:9pt;
        width:400px;
}
-----------------------------------------------

The key addition is "width:400px;".  Odd because when I inspect the bubble 
element using Google's Chrome, I find the calendar apparently computes it's own 
width as 358 px not the 400 px from the stylesheet.  At first I thought the 
stylesheet hadn't refreshed, but Chrome lets me view the stylesheet used & 400 
px is specified.  Before this "width: 400px;" addition, the bubble width was 
always 8 px.  Weird, but the fix works.  Just adding it here for the other 
people perplexed as to why updating to the latest stylesheet doesn't fix things.

Original comment by mrrhode...@gmail.com on 24 Mar 2011 at 9:17

GoogleCodeExporter commented 9 years ago

Original comment by brian.gi...@gmail.com on 4 Jun 2011 at 6:02