v1.9 Custom CSS changes?

v1.9 Custom CSS changes?

ved Rik T -
Antal besvarelser: 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

 

 

 

Gennemsnitsbedømmelse: -
I svar til Rik T

Re: v1.9 Custom CSS changes?

ved Rik T -

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

Gennemsnitsbedømmelse: -
I svar til Rik T

Re: v1.9 Custom CSS changes?

ved Juan Leyva -
Billede af Core developers Billede af Moodle HQ Billede af Particularly helpful Moodlers Billede af Plugin developers Billede af 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


Gennemsnitsbedømmelse: -
I svar til Juan Leyva

Re: v1.9 Custom CSS changes?

ved Juan Leyva -
Billede af Core developers Billede af Moodle HQ Billede af Particularly helpful Moodlers Billede af Plugin developers Billede af Testers

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

Gennemsnitsbedømmelse: -
I svar til Juan Leyva

Re: v1.9 Custom CSS changes?

ved 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 smiler


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 


 

Gennemsnitsbedømmelse:Useful (1)