Make the toolbar on mobile (browser) only have a few options and scrollable/swipable for more

igniterealtime / openfire-pade-plugin

A plugin for Openfire that offers web-based unified communications - chat, groupchat, telephone, audio and video conferencing.

Apache License 2.0

58 stars 30 forks source link

Make the toolbar on mobile (browser) only have a few options and scrollable/swipable for more #340

Closed chagai95 closed 3 years ago

chagai95 commented 3 years ago

Feature request On mobile it's pretty difficult to touch the arrows next to some options so this will allow making everything bigger.

gjaekel commented 3 years ago

In the HTML element tree, the corresponding arrow icon is represented by

<svg fill="none" height="9" width="9" viewBox="0 0 10 7"><path clip-rule="evenodd" d="M8.411 6.057A.833.833 0 109.65 4.943L5.73.563a.833.833 0 00-1.24 0L.63 4.943a.833.833 0 001.24 1.114l3.24-3.691L8.41 6.057z"></path></svg>

If we're able to tune the width and height a bit, the job will be done:

<svg fill="none" height="14" width="14" viewBox="0 0 10 7"><path clip-rule="evenodd" d="M8.411 6.057A.833.833 0 109.65 4.943L5.73.563a.833.833 0 00-1.24 0L.63 4.943a.833.833 0 001.24 1.114l3.24-3.691L8.41 6.057z"></path></svg>

gjaekel commented 3 years ago

BTW: Did you consider to use the Jitsi Meet smartphone application instead? You will miss the special features of OpenMeetings, herewith.

chagai95 commented 3 years ago

yep exactly my concern, the extra OpenMeetings features...

gjaekel commented 3 years ago

I'm no Web developer, but to my knowledge it's possible to switch CSS in dependence to devices. Let's work this out.

deleolajide commented 3 years ago

For now, toolbar will be not be extended with mobile browser. Feature can only be use via keyboard shortcut

chagai95 commented 3 years ago

keyboard shortcut on the mobile?