Android system navigation bar should maintain the apps bottom style

Field Tab

Scrum

Field Tab

Scrum

Description

It should match the colour of our bottom tabs var when displayed (in level 1 navigation)
It should be white or maintain the apps default background colour when in level 2 navigation
It should work with remote themes, tenants, etc... so maybe we should add a special CSS var for it inside a class to have more control

It seems that we are going to need a plugin for this: cordova-plugin-navigationbar-color

CoreNative.plugin('systemUI')?.setNavigationBarColor('#ff00ff');

Testing Instructions

Using different devices and OS, check statusbar (top) (iOS and Android) and navigation bar (bottom) (only Android) is the same as the app borders.

This includes testing portal colors, remote themes, dark mode, etc.

Workaround

None

Attachments

image-2023-10-02-14-56-11-059.png

02 Oct, 2023

image-2023-09-27-10-48-17-560.png

27 Sept, 2023

image-2023-09-27-10-47-56-378.png

27 Sept, 2023

image-2023-09-27-10-18-34-226.png

27 Sept, 2023

image-2023-09-27-10-18-02-268.png

27 Sept, 2023

image-2023-09-27-10-17-25-457.png

27 Sept, 2023

image-2023-09-27-10-17-00-379.png

27 Sept, 2023

image-2023-09-27-10-09-18-763.png

27 Sept, 2023

Activity

Isabel Renedo

2 October 2023 at 12:56

(edited)

Hi @Pau Ferrer,

I revised the following:

Login page
My courses / Dashboard
Access a course
Access a book or any other resource/activity

Works according to instructions. Test passed!

Thank you for working on this issue!
Isabel

Pau Ferrer

2 October 2023 at 10:34

Hi Isa!

None of the issues you explained is related to this issue so, please open a new one to reevaluate how styles are being treated.

About https://moodle.atlassian.net/browse/MOBILE-3357#icft=MOBILE-3357... It's more difficult that it seems and it needs some structural changes that may become true in a near version... I'm sorry!

About

Pau Ferrer

14 September 2023 at 15:29

That's great! I think this is ok!

Dani Palou

5 September 2023 at 13:46

Thank you Pau for working on this issue!

Integrated, over to testing now!

Pau Ferrer

29 August 2023 at 11:42

Thanks @Dani Palou !

Can you review this 2 PR?
https://github.com/moodlehq/moodleapp/pull/3737

https://github.com/moodlemobile/cordova-plugin-statusbar/pull/1

Resize issue view side panel

Fixed

Details

Assignee

Pau Ferrer

Reporter

Juan Leyva

Labels

triaged

Integrator

Dani Palou

Tester

Isabel Renedo

Priority

Major

Clockify

Created 3 May 2023 at 11:37

Updated 17 November 2023 at 13:07

Resolved 17 November 2023 at 13:07

Android system navigation bar should maintain the apps bottom style

Description

Testing Instructions

Workaround

Attachments

Activity

Details

Assignee

Reporter

Labels

Integrator

Tester

Pull 4.1 Diff URL

Pull Main Diff URL

Components

Fix versions

Affects versions

Priority

Clockify