[jira] [Commented] (OPENMEETINGS-2505) more responsive UI
[ https://issues.apache.org/jira/browse/OPENMEETINGS-2505?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17236849#comment-17236849 ] Maxim Solodovnik commented on OPENMEETINGS-2505: Great! Thanks a lot for the contribution :))) > more responsive UI > -- > > Key: OPENMEETINGS-2505 > URL: https://issues.apache.org/jira/browse/OPENMEETINGS-2505 > Project: Openmeetings > Issue Type: Improvement > Components: UI >Affects Versions: 5.0.1, 6.0.0 >Reporter: Uwe Simon >Assignee: Maxim Solodovnik >Priority: Critical > Fix For: 5.1.0 > > Attachments: Screenshot from 2020-11-02 18-44-56.png, custom.css, > custom.css > > > UI is not "very responsive". On a tablet in portrait some parts of the UI are > to small to be touchable. > > I tried some improvements for the dashboard and the rooms panels. > The "Send buttons" in the chat window is to small to be usable on > smartphone/tablet. > When in Rooms->My rooms the div with class tab-content also has the class > rooms-area, the same styles could be used here than in the dashboard wigdet. > In general the font sizes should be defined "relative" with "em" not "px", > then it is easiery to scale all texts when a table switches from portrait to > landscape display. > See attached css for a first try. > [^custom.css] -- This message was sent by Atlassian Jira (v8.3.4#803005)
[jira] [Commented] (OPENMEETINGS-2505) more responsive UI
[ https://issues.apache.org/jira/browse/OPENMEETINGS-2505?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17236780#comment-17236780 ] Uwe Simon commented on OPENMEETINGS-2505: - On my tablet dashboard looks fine now, layout adopts when I turn it by 90°. Visibility of "Send" button in chat much better. > more responsive UI > -- > > Key: OPENMEETINGS-2505 > URL: https://issues.apache.org/jira/browse/OPENMEETINGS-2505 > Project: Openmeetings > Issue Type: Improvement > Components: UI >Affects Versions: 5.0.1, 6.0.0 >Reporter: Uwe Simon >Assignee: Maxim Solodovnik >Priority: Critical > Fix For: 5.1.0 > > Attachments: Screenshot from 2020-11-02 18-44-56.png, custom.css, > custom.css > > > UI is not "very responsive". On a tablet in portrait some parts of the UI are > to small to be touchable. > > I tried some improvements for the dashboard and the rooms panels. > The "Send buttons" in the chat window is to small to be usable on > smartphone/tablet. > When in Rooms->My rooms the div with class tab-content also has the class > rooms-area, the same styles could be used here than in the dashboard wigdet. > In general the font sizes should be defined "relative" with "em" not "px", > then it is easiery to scale all texts when a table switches from portrait to > landscape display. > See attached css for a first try. > [^custom.css] -- This message was sent by Atlassian Jira (v8.3.4#803005)
[jira] [Commented] (OPENMEETINGS-2505) more responsive UI
[ https://issues.apache.org/jira/browse/OPENMEETINGS-2505?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17224646#comment-17224646 ] ASF subversion and git services commented on OPENMEETINGS-2505: --- Commit 4618bfaf573919cf07d403be0387ea89aed7f744 in openmeetings's branch refs/heads/master from Maxim Solodovnik [ https://gitbox.apache.org/repos/asf?p=openmeetings.git;h=4618bfa ] [OPENMEETINGS-2505] responsive CSS is added > more responsive UI > -- > > Key: OPENMEETINGS-2505 > URL: https://issues.apache.org/jira/browse/OPENMEETINGS-2505 > Project: Openmeetings > Issue Type: Improvement > Components: UI >Affects Versions: 5.0.1, 5.1.0 >Reporter: Uwe Simon >Assignee: Maxim Solodovnik >Priority: Critical > Fix For: 5.1.0 > > Attachments: Screenshot from 2020-11-02 18-44-56.png, custom.css, > custom.css > > > UI is not "very responsive". On a tablet in portrait some parts of the UI are > to small to be touchable. > > I tried some improvements for the dashboard and the rooms panels. > The "Send buttons" in the chat window is to small to be usable on > smartphone/tablet. > When in Rooms->My rooms the div with class tab-content also has the class > rooms-area, the same styles could be used here than in the dashboard wigdet. > In general the font sizes should be defined "relative" with "em" not "px", > then it is easiery to scale all texts when a table switches from portrait to > landscape display. > See attached css for a first try. > [^custom.css] -- This message was sent by Atlassian Jira (v8.3.4#803005)
[jira] [Commented] (OPENMEETINGS-2505) more responsive UI
[ https://issues.apache.org/jira/browse/OPENMEETINGS-2505?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17224616#comment-17224616 ] Maxim Solodovnik commented on OPENMEETINGS-2505: Unfortunately with this CSS merged there are display issues: !Screenshot from 2020-11-02 18-44-56.png! Dashboard component adds css for column width based on column count (it can 1, 2, 3, 4, etc.) Will try to fix it > more responsive UI > -- > > Key: OPENMEETINGS-2505 > URL: https://issues.apache.org/jira/browse/OPENMEETINGS-2505 > Project: Openmeetings > Issue Type: Improvement > Components: UI >Affects Versions: 5.0.1, 5.1.0 >Reporter: Uwe Simon >Assignee: Maxim Solodovnik >Priority: Critical > Attachments: Screenshot from 2020-11-02 18-44-56.png, custom.css, > custom.css > > > UI is not "very responsive". On a tablet in portrait some parts of the UI are > to small to be touchable. > > I tried some improvements for the dashboard and the rooms panels. > The "Send buttons" in the chat window is to small to be usable on > smartphone/tablet. > When in Rooms->My rooms the div with class tab-content also has the class > rooms-area, the same styles could be used here than in the dashboard wigdet. > In general the font sizes should be defined "relative" with "em" not "px", > then it is easiery to scale all texts when a table switches from portrait to > landscape display. > See attached css for a first try. > [^custom.css] -- This message was sent by Atlassian Jira (v8.3.4#803005)
[jira] [Commented] (OPENMEETINGS-2505) more responsive UI
[ https://issues.apache.org/jira/browse/OPENMEETINGS-2505?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17224594#comment-17224594 ] Maxim Solodovnik commented on OPENMEETINGS-2505: Hello [~uwesimon], I don't see any difference, so I guess this patch is accepted : Thanks a lot for the contribution! (I'll re-format this CSS and add to code base) the only question I have: why chat send button width is in {{px}}? BTW would you like to be added as contributor to this page: https://openmeetings.apache.org/team.html#contributors1 ? > more responsive UI > -- > > Key: OPENMEETINGS-2505 > URL: https://issues.apache.org/jira/browse/OPENMEETINGS-2505 > Project: Openmeetings > Issue Type: Improvement > Components: UI >Affects Versions: 5.0.1, 5.1.0 >Reporter: Uwe Simon >Assignee: Maxim Solodovnik >Priority: Critical > Attachments: custom.css, custom.css > > > UI is not "very responsive". On a tablet in portrait some parts of the UI are > to small to be touchable. > > I tried some improvements for the dashboard and the rooms panels. > The "Send buttons" in the chat window is to small to be usable on > smartphone/tablet. > When in Rooms->My rooms the div with class tab-content also has the class > rooms-area, the same styles could be used here than in the dashboard wigdet. > In general the font sizes should be defined "relative" with "em" not "px", > then it is easiery to scale all texts when a table switches from portrait to > landscape display. > See attached css for a first try. > [^custom.css] -- This message was sent by Atlassian Jira (v8.3.4#803005)