v1.9 Custom CSS changes?

v1.9 Custom CSS changes?

by Rik T -
Number of replies: 5


Hi everyone,

 

We've just updated our clients to v1.9 but have found that the background colour to "My courses" (bar and course title background boxes) reverts to the standard orange when clicked and expanded which looks really bad on our blue colour scheme!

Is there a way of specifying this element in our CSS or is this a bug in the new app which is 'over-ruling' our stylesheet?

Previously the main background colour scheme came through (perhaps they were transparent by default in the previous version?).

Many thanks in advance,

Rik

 

 

 

Average of ratings: -
In reply to Rik T

Re: v1.9 Custom CSS changes?

by Rik T -

Just to add that this also seems to affect other 'drop-down' menu items such as 'upload' too.

In reply to Rik T

Re: v1.9 Custom CSS changes?

by Juan Leyva -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Yes, you are right.

I'm very sorry we introduced that changes (see https://tracker.moodle.org/browse/MOBILE-758) without thinking in custom themes, my fault!

We are going to try to fix that for version 1.10, meanwhile you should edit your CSS to fix the styles introduced, see here for the changes:

https://github.com/moodlehq/moodlemobile/commit/59e1af83f56d9680992330d96c64263c7450c5b2


In reply to Juan Leyva

Re: v1.9 Custom CSS changes?

by Juan Leyva -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

https://tracker.moodle.org/browse/MOBILE-777 <-- Issue for fixing this issue

In reply to Juan Leyva

Re: v1.9 Custom CSS changes?

by Rik T -

Thanks Juan.

In fact I've already 'fixed' our CSS by adding the additional style elements to our custom CSS working backwards from the new v1.9 style CSS as shown on GTIHub. 

It actually makes perfect sense to have distinct style elements for drop down menu headers and items - it's much clearer what is open from a user perspective. We also dropped a shadow on the last menu item element so that it delaminates the open tiered menus nicely and gives them a 'stacked 3D' look - very nice smile


For anyone else's reference the elements that need adding to a custom CSS to override the default orange for sub-menus/items are:


Sub-Menu title item when open:
.user-menu .nav-item > a.collapse 
 

Sub-Menu Items:
.user-menu .submenu 


Last sub-menu item of group e.g. to add bottom border to show end of sub menu item group:
 .user-menu .submenu .nav-item:last-of-type 


 

Average of ratings: Useful (1)
In reply to Rik T

Re: v1.9 Custom CSS changes?

by Juan Leyva -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Hello,

sorry for the inconvenience again, this will not happen again in future versions

Cheers, Juan