LOTS of extra classes in style_js.css and broken popup menu

Hello,

I have been chasing a bug that is preventing a popup menu from appearing in groups->viewmembers.

After some searching I discovered the class that seems to be missing in style_js.css .

Rather then being in #community-wrap where the template is looking for it it seems to be in body #cWindow .cButton-Dropdown ul .

While there I noticed a very large number of classes define for #cWindow but this id no longer seems to be used in JomSocial.

Have i missed something or is this left over from the migration to 2.8 or just in there for comparability with earlier versions of JomSocial?

If the later then at the very least it's been left out of the definition for #community-wrap... (I say very least because I have not yet finished getting it working).

If it's there for backward comparability is it save to remove these classes when using JS 2.8?

Thanks
Chris

I've moved these classes from #cWindow in style_js.css to #community and marked with body (does not seem necessary) just so I remembered which ones were missing.

body #community-wrap .cButtons .cButton:first-child {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}

body #community-wrap .cButtons .cButton:last-child {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
body #community-wrap .cButton-Dropdown ul {
background: #f0f0f0;
border: 1px solid;
border-color: #ccc #ccc #aaa;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
display: none;
margin: -1px 0 0;
overflow: hidden;
padding: 5px 0;
position: absolute;
left: 0;
z-index: 100;
}
body #community-wrap .cButton-Dropdown ul.Right {
-webkit-border-radius: 3px 0 3px 3px;
-moz-border-radius: 3px 0 3px 3px;
border-radius: 3px 0 3px 3px;
right: 0;
left: auto;
}
body #community-wrap .cButton-Dropdown ul a {
background: 0;
color: #555;
font-weight: bold;
display: block;
line-height: 16px;
padding: 8px 10px;
text-decoration: none;
white-space: nowrap;
}
body #community-wrap .cButton-Dropdown ul a:hover {
background: #f5f5f5;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 7px 10px;
}
body #community-wrap .cButton-Dropdown ul .hasSeperator {
border-top: 1px solid #ccc;
padding-top: 5px;
margin-top: 5px;
}
body #community-wrap .cButton-Dropdown:hover .cButton {
border-bottom: 0;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative;
z-index: 101;
}

Now the menu works... it still needs to be styled to match the template but at least it works.

Please do let me know if I can get rid of the #cWindow id definitions.

Thanks
Chris

Hi

That's probably becasue of older style version than JS it was prepared for. Try update the style first. If this will not work I'll have to ask programmers if this template is still supported so this style will be updated.

I've moved those classes from #cWindow in style_js.css to #community and marked with body (does not seem necessary) just so I remembered which ones were missing.

This message was just to let you know that these definitions are in the css files for Jomsocial 2.8 but do not seem to be necessary and several of the classes were NOT moved correctly which will likely cause a problem for others.

Chris

Hi

Yeap I believe this styles have been fixed like 100 times. JS was releasing an update twice a week, so I can understand what programmers must felt about JS style JS 3.0 is comming soon. I believe a style will be created from the beginning for that, so will be much cleaner.