decaporg / decaporg/decap-cms

Make the CMS work for mobile (responsive UI)

Open
#441 44 comments 99 reactions 0 assignees View on GitHub
area: design area: ui kind: enhancement pinned status: accepted
Dominant language
JavaScript
Stars
19.4k
Forks
3.1k
Avg merge
1d 14h
Merged PRs (30d)
9

Description

**- Do you want to request a *feature* or report a *bug*?**
Enhancement: It would be nice to quickly check in on a post on the CMS from my phone

**- What is the current behavior?**
The current UI has no consideration for mobile and non-usable from a mobile device.

![img_1018 png](https://cloud.githubusercontent.com/assets/5713670/26741343/e510b80c-478d-11e7-967d-20a58ea81628.png)
![img_1019](https://cloud.githubusercontent.com/assets/5713670/26741355/ecd8e636-478d-11e7-8dce-e5dcff703d7a.PNG)

**- If the current behavior is a bug, please provide the steps to reproduce.**
Look at the https://cms-demo.netlify.com/ from your phone.

**- What is the expected behavior?**
The editor can be ignored for now because it would require a larger scope. However, the editorial workflow and list of posts could be tweaked quickly fit on a mobile screen. Even it was just a list of post.

I recently had a situation where I was AFK and needed to ship a blog post from my phone. My only option was logging into GitHub and merging the PR, but it would have been nice to just hit publish from the CMS

**- Please mention your node.js, and operating system version.**
iPhone 7

Contributor guide

Open the contributing guide

Research direction

Start with the CMS demo at https://cms-demo.netlify.com/ on a phone and inspect the editorial workflow and post list; the issue explicitly excludes the editor. Define the mobile scope around viewing posts and publishing, then verify that those workflows fit and remain usable on a mobile screen.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.