v1.9 Custom CSS changes?

v1.9 Custom CSS changes?

napisao/la Rik T -
Broj odgovora: 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

 

 

 

Prosjek ocjena: -
Odgovor na Rik T

Re: v1.9 Custom CSS changes?

napisao/la Rik T -

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

Prosjek ocjena: -
Odgovor na Rik T

Re: v1.9 Custom CSS changes?

napisao/la Juan Leyva -
Slika Core developers Slika Moodle HQ Slika Particularly helpful Moodlers Slika Plugin developers Slika 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


Prosjek ocjena: -
Odgovor na Juan Leyva

Re: v1.9 Custom CSS changes?

napisao/la Juan Leyva -
Slika Core developers Slika Moodle HQ Slika Particularly helpful Moodlers Slika Plugin developers Slika Testers

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

Prosjek ocjena: -
Odgovor na Juan Leyva

Re: v1.9 Custom CSS changes?

napisao/la 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 osmijeh


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 


 

Prosjek ocjena:Useful (1)