search

iTwin / appui

Monorepo for iTwin.js AppUi
MIT License
8 stars 2 forks source link

UI: Optimize more of AppUi for touch interfaces and tablet size #84

Open NancyMcCallB opened 2 years ago

NancyMcCallB commented 2 years ago

Users are beginning to use AppUi apps on tablets. Update interfaces so that touch interaction work for actions that now rely on mouse actions. Also, test in a minimum size/resolution and publish minimum supported resolution.

NancyMcCallB commented 1 year ago

@FlyersPh9 : Can we have a touch theme for sizes (larger buttons, etc)?

mayank99 commented 1 year ago

I think this could be achieved in two different ways:

  1. A custom theme that changes the values of our size variables. It could be toggle via a data attribute.

    <html data-iui-touch>...</html>

  2. The pointer media query could be used to target touch devices.

    .iui-button {
font-size: var(--iui-font-size-1);

@media (pointer: coarse) {
font-size: var(--iui-font-size-2);
}

// ...
}

or some combination of both.