Issues on Mobile webapp [Zammad 6.0]

7qubit · June 7, 2023, 5:33am

Infos:

Used Zammad version: 6.0.0-1686030641.c4fbb542.jammy
Used Zammad installation type: package
Operating system: Ubuntu Jammy
Browser + version: Firefox 113.02

Expected behavior:

If a logo is Wide, it will be squeezed on Mobile Webapp. See screenshot

furthermore, on mobile app always connection underprediction message is shown although app is usable. following are logged. (I have adjusted proxy settings on Nginx as per instructions). could be because server has no FQDN, but I’m not sure.

Browser:

Firefox kann keine Verbindung zu dem Server unter wss://10.249.10.237/cable aufbauen. 2 action_cable.js:197:25

Die Verbindung zu wss://10.249.10.237/cable wurde unterbrochen, während die Seite geladen wurde. action_cable.js:197:25

Zammad Log:

I, [2023-06-07T07:24:20.991306#890-112600] INFO – : Completed 200 OK in 10ms (Views: 0.7ms | ActiveRecord: 0.8ms | Allocations: 8112)
I, [2023-06-07T07:24:21.001714#890-112040] INFO – : Started GET “/cable” for 10.128.133.65 at 2023-06-07 07:24:21 +0200
I, [2023-06-07T07:24:21.003853#890-112040] INFO – : Started GET “/cable/” [WebSocket] for 10.128.133.65 at 2023-06-07 07:24:21 +0200
E, [2023-06-07T07:24:21.003909#890-112040] ERROR – : Request origin not allowed: https://10.249.10.237
E, [2023-06-07T07:24:21.003945#890-112040] ERROR – : Failed to upgrade to WebSocket (REQUEST_METHOD: GET, HTTP_CONNECTION: Upgrade, HTTP_UPGRADE: websocket)
I, [2023-06-07T07:24:21.003986#890-112040] INFO – : Finished “/cable/” [WebSocket] for 10.128.133.65 at 2023-06-07 07:24:21 +0200

Steps to reproduce the behavior:

reload mobile page

awedor · June 7, 2023, 12:05pm

Why is it trying to connect to your IP instead of a hostname? Do you access your Zammad that way and have an SSL certificate for this IP? If not then I would think your nginx conf is wrong. See this thread

Edit: the logo bug is in our installation too

7qubit · June 9, 2023, 9:02am

Strange. in my case, helped when I adjusted FQDN under system and then restarted Zammad.
and this is case sensitive, so write everything in small letters

fliebe92 · June 13, 2023, 5:33am

Hey @7qubit

For the wide logo, I guess, you should create an issue at GitHub.

Thanks

7qubit · June 13, 2023, 8:10am

gladly,

github.com/zammad/zammad

Company logo is squeezed on mobile app

opened 08:09AM - 13 Jun 23 UTC

closed 06:58AM - 16 Jun 23 UTC

7qbit

bug verified frontend 📱mobile-view📱

### Used Zammad Version 6.0 ### Environment - Installation method: [package] … - Operating system (Ubuntu 22.04] - Database + version: [postgresql latest] - Elasticsearch version: [e.g. 7.17.10] - Browser + version: [Firefox 113, Safari (iOS)] ### Actual behaviour Hello all. If a logo is Wide, it will be squeezed on Mobile Webapp. ### Expected behaviour See Screenshot: ![grafik](https://github.com/zammad/zammad/assets/87261950/56a5dd86-e4f9-494b-882d-bb4c4fce07e1) ### Steps to reproduce the behaviour Page reload. seems to be css issue, if height and width in css is set to auto, issue is fixed. class="h-40 w-40" ![grafik](https://github.com/zammad/zammad/assets/87261950/b144dfa4-c323-453f-a27e-30767db0567a) anyway, I'm sure you can find a better implementation in css. Thanks. ### Support Ticket _No response_ ### I'm sure this is a bug and no feature request or a general question. yes

fliebe92 · June 13, 2023, 8:12am

Thanks a lot, @7qubit

system · June 20, 2023, 8:12am

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.