sliding panels responsive

[Kateryna Grynko]

Hi Alex,

Add this custom CSS code: pre.ui-panel-dismiss {
background-color: black;
opacity: 0.5;
}/pre

[Alex GG]

Thanks Katya!

I just added this property data-animate:false and the panel looks perfect now.

[Alex GG]

Hello!
I use the code provided by Katya.
It worked fine on tester, both iOs and android. It also works fine on installed .ipa on iphone.

But after installing .apk on android Sony Z1 (wide screen), a black square appears when the panel is open.

I search on the web and find something :
http://stackoverflow.com/questions/15...
but it didnt help me at all.

Any suggestion?

Thnaks in advance

[Kateryna Grynko]

Hi Alex,

What is your Android version?

[Alex GG]

V. 4.2.2
Maybe is because of the wide viewport...do you think there ́s some css code to fix this?

Regards

[Kateryna Grynko]

Hi Alex,

Unfortunately we do not have this specific device. We've tested on Samsung with Android 4.2.2 - works properly. Probably you have some CSS code somewhere that does it. Please share your application with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and we'll test it.

[Alex GG]

Hi Katya,
the app name is "Distritofitness" is already shared...

As I said, it works fine on tester (both ios and android) and installed apk and ipa (on smaller phones).

All other features of the app are working fine..

[Maryna Brodina]

Hello!

We will test and let you know result. Testing might take some time.

[Kateryna Grynko]

Hi Alex,

We've tested your app.
It works properly on Nexus 5 with the same display as on Sony Z1 (1920 x 1080).

[Alex GG]

Hi! It works fine on tester of the Z1, it shows the black square on installed .apk
I guess I'll remove this code... =/