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

GK User
Mon Apr 15, 2013 3:42 pm
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
User avatar
Fresh Boarder

GK User
Mon Apr 15, 2013 4:10 pm
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
User avatar
Fresh Boarder

teitbite
Tue Apr 16, 2013 10:27 pm
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.
User avatar
Moderator

GK User
Sat Apr 27, 2013 9:47 am
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
User avatar
Fresh Boarder

teitbite
Sat Apr 27, 2013 11:15 am
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.
User avatar
Moderator


cron