Missing CSS rule

Board index » YUI 3 Gallery Forums: » Gallery Forums » Accordion (Horizontal/Vertical)

This support forum belongs to the Accordion (Horizontal/Vertical) Gallery Module.
Accordion (Horizontal/Vertical) has a bug tracker here: http://github.com/jafl/yui-modules/issues

Page 1 of 1

[ 8 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

Jeff Pihach

YUI Contributor

Username: hatch
Joined: Wed Dec 08, 2010 9:20 am
Posts: 37
Twitter: fromanegg
GitHub: hatched
Gists: hatched
IRC: hatch

Tags:

Missing CSS rule

Posted: Wed Jan 19, 2011 12:32 pm

+0-

As the tabs close the content from the open tab is visible from the other tab until its opacity hits 0. I'm not sure if this is an intended effect or not, but for those who don't want to have that happen the rule below solves the issue.

Code:

.yui3-accordion-section-clip {
    overflow: hidden;
}

John Lindal

YUI Contributor

Username: jafl
Joined: Mon Nov 02, 2009 2:33 pm
Posts: 352
Location: Los Angeles, CA
Twitter: jafl5272
GitHub: jafl
Gists: jafl

Tags:

Re: Missing CSS rule

Posted: Wed Jan 19, 2011 3:35 pm

+0-

In which browser does this happen? I've tested in Chrome and Firefox 3.6, and the content of the closing tab does not leak outside its container.

Jeff Pihach

YUI Contributor

Username: hatch
Joined: Wed Dec 08, 2010 9:20 am
Posts: 37
Twitter: fromanegg
GitHub: hatched
Gists: hatched
IRC: hatch

Tags:

Re: Missing CSS rule

Posted: Wed Jan 19, 2011 3:48 pm

+0-

FireFox 3.6, Opera 11, Chrome 8, Safari 5

IE 8 is the only one where it doesn't.

Below is an image example of it with and without that rule.

http://imgur.com/JgLzl

John Lindal

YUI Contributor

Username: jafl
Joined: Mon Nov 02, 2009 2:33 pm
Posts: 352
Location: Los Angeles, CA
Twitter: jafl5272
GitHub: jafl
Gists: jafl

Tags:

Re: Missing CSS rule

Posted: Wed Jan 19, 2011 3:54 pm

+0-

Go figure it would be IE

Thanks for the patch. I'll update the widget.

John Lindal

YUI Contributor

Username: jafl
Joined: Mon Nov 02, 2009 2:33 pm
Posts: 352
Location: Los Angeles, CA
Twitter: jafl5272
GitHub: jafl
Gists: jafl

Re: Missing CSS rule

Posted: Thu Jan 20, 2011 2:38 pm

+0-

I just checked, and the CSS rule that you posted is already part of gallery-accordion-horiz-vert-core.css. Are you loading this CSS file on your page?

Jeff Pihach

YUI Contributor

Username: hatch
Joined: Wed Dec 08, 2010 9:20 am
Posts: 37
Twitter: fromanegg
GitHub: hatched
Gists: hatched
IRC: hatch

Tags:

Re: Missing CSS rule

Posted: Thu Jan 20, 2011 7:12 pm

+0-

My mistake, I wasn't aware that there was a supplied css file. I don't see it mentioned anywhere in the docs or code sample. It worked right out the box without with the exception of that one rule so I wasn't really given any reason to think that it needed one

The modules loaded from the gallery are not served with css or any other assets for that matter as far as I know.

John Lindal

YUI Contributor

Username: jafl
Joined: Mon Nov 02, 2009 2:33 pm
Posts: 352
Location: Los Angeles, CA
Twitter: jafl5272
GitHub: jafl
Gists: jafl

Re: Missing CSS rule

Posted: Fri Jan 21, 2011 11:36 am

+0-

I'll dig into whether or not it is possible for gallery modules to auto-load CSS.

John Lindal

YUI Contributor

Username: jafl
Joined: Mon Nov 02, 2009 2:33 pm
Posts: 352
Location: Los Angeles, CA
Twitter: jafl5272
GitHub: jafl
Gists: jafl

Re: Missing CSS rule

Posted: Fri Jan 21, 2011 11:44 am

+0-

Apparently, not yet. From the FAQ:

Can I add a skin to the gallery?

Currently the Gallery does not offer skin support. As the skinning solution for YUI 3 solidifies, we will begin to add support for it. For now, you will have to include the CSS and the images in your own download file.

Page 1 of 1

[ 8 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum