Bug 184 (sp_responsive) - Redesign web site for responsiveness
Summary: Redesign web site for responsiveness
Status: IN_PROGRESS
Alias: sp_responsive
Product: SlackPack
Classification: Web
Component: Web Site (User interface) (show other bugs)
Version: 0.4.6
Hardware: All All
: High (P2) normal (vote)
Target Milestone: Future
Deadline: 2019-09-30
Assignee: Georgi D. Sotirov
QA Contact: Ivelina G. Beleva-Sotirova
URL:
Whiteboard:
Keywords:
Depends on: sp_html5
Blocks:
  Show dependency treegraph
 
Reported: 2019-08-25 13:57 EEST by Georgi D. Sotirov
Modified: 2020-01-18 10:23 EET (History)
1 user (show)

See Also:
My Bug ID:
My description:
My date:
My choice:
My selection: ---


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Georgi D. Sotirov 2019-08-25 13:57:58 EEST
After bug 148 the next logical step is to redesign the web site for responsiveness, so it renders better on small screen devices (e.g. smartphones and tablets). The site was originally designed in 2005 primarily for desktops when such devices simply did not exist, but times change and the existing design is not suitable for smaller screen sizes. Google reports the following problems:

* Clickable elements too close together; and
* Text too small to read

for the following URLs:

* https://sotirov-bg.net/slackpack/
* https://sotirov-bg.net/slackpack/pack.cgi?id=3377
* https://sotirov-bg.net/slackpack/pack.cgi?id=3780

although the whole site should be considered affected.

The initial step to add viewport meta was done, but it remains to define grids and media queries for smaller screen sizes. Eventually Bootstrap could be used as a framework, but perhaps as an alternative style only.


bug/show.html.tmpl processed on May 19, 2024 at 06:26:35.
(provided by the Example extension).