Page MenuHomePhabricator

Responsive Styling
Closed, ResolvedPublic

Description

Currently, the app styling works only for 240x320px device

There are different screen size possibilities devices.

The solution can either be

  1. CSS-in-JS, used JS to calculate the real pixels; or
  2. RWD Solution using CSS style (need to confirm it works for the FirefoxOS version in KaiOS)

Related Objects

Event Timeline

Upon checking the device supported list, https://www.kaiostech.com/meet-the-devices-that-are-powered-by-kaios/, there are only two resolutions 240x320 & 320x240 pixels

@hueitan can you see if this is fixable within this task?
http://127.0.0.1:8080/#/article/pt/Machamba/Tipos%20de%20fazendas
The screen shifts right a few pixels when we enter this section (one page down after the section title page) and then the images creeps through on the left side.

image.png (1×1 px, 638 KB)

hueitan moved this task from Dev to QA on the Inuka-Team (Kanban) board.

This offset belongs to the problem of article styling elements https://phabricator.wikimedia.org/T236322,
this task is to make sure all the features work in different size and doesn't have screen offset of all the window styling.

therefore I'm moving this back to QA