CSS bugs Social Learner 1.0.4

[Michael]

Enclosed pictures of a couple of CSS bugs I have found in the new version.

[Anonymous]

Hi @mln83, not able to replicate them, please check your custom css once
Regards
Varun Dubey

[Kaspar Bredahl]

Hi @vapvarun

There is a bug in the integration with BuddyPress Docs – in the page for “create new doc” the mastlogo is too high. I had to add the following code in custom css:
.is-desktop #mastlogo {
max-height: 74px;
}

I’m running social learner 1.0.4 (and boss 2.0)

All the best

[Anonymous]

Hi @kaspar, it’s an old issue it reflect when getimagesize() function do not work properly due to server specification.
We have also set the same height for default values.

Regards

[Michael]

Hi @vapvarun,

custom.css checked – I have removed everything in custom.css but it did not help.

I have also reported the bug before. Please see reference here:
https://www.buddyboss.com/support-forums/topic/bug-feedback-report-social-learner-theme-1-0-3/

To replicate you need to log out and see members list (CSS_members_and_login_widget).

I have also found another bug. In mobile view I am unable to navigate in a course tab. Please see attached images.

I was curious about the code. So here is an example code of the course tab (course_mobile_tabs)
<li id="nav-forum-groups-li"><a href="https://www.isci.one/groups/lasers-in-space/forum/" id="nav-forum">Forum</a></li>

In comparison when on a members page the navigation tabs are working fine (member_mobile_tabs_OK)

Here is a code snippet from members navigation tab:
<a id="user-messages" href="https://www.isci.one/members/mln/messages/">Messages <span class="no-count">0</span></a>

Notice difference?

[Udomsak]

hi @mln83,

I have the same problem with the login button, still cannot fix it. But for the course mobile tab menu simply paste these code into css custom codes

#mobile-item-nav, #object-nav ul li a {
top: 0;
}

Hope that help
regards,

[Michael]

Hi @wp_flamingo,

The code helped with the mobile tab menu – Thanks 🙂

I am also looking for a solution to the login button but perhaps @vapvarun could look into it?

Best regards,
Michael

[Udomsak]

you are welcome

[Michael]

I got tired of waiting so I spent some time today fixing more CSS bugs.

FYI: For the logged-out members directory the following code fixes that issue:

.dir-form .item-list-tabs ul li {
border-color: #00A6DC !important;
}

For the login-widget it is more tricky since there are multiple CSS bugs. I have a partial solution here (works in Firefox & Safari and 90% in Chrome but without fancy hover effect, anyone knows CSS code for that?):

.widget-area .widget.buddyboss-login-widget a.sidebar-wp-register {
color: #FFF;
border-style: none;
margin-top: 0;
background-color: #00A6DC;
text-transform: none;
font-size: 14px;
letter-spacing: 1.2px;
border-radius: 4px;
line-height: 20px;
width: auto;
font-weight: 400;
font-style: normal;
padding: 0px 10px;
transition: all 0.2s ease-in-out 0s;
}

Perhaps @vapvarun can take a look and suggest corrections for the CSS bugs on the Register button in login-widget?

Best regards,
Michael

[Anonymous]

Hi @mln83
I have notified about developer it will be fixed shortly
For the Doc alignment it is fixed in Development version
Regards
Varun Dubey