[jira] [Commented] (OPENMEETINGS-2505) more responsive UI
[ https://issues.apache.org/jira/browse/OPENMEETINGS-2505?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=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=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=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=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=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)
