You are not logged in.

#1 2017-08-30 05:34:24

Pierre
Developer
From: Bonn
Registered: 2004-07-05
Posts: 1,954
Website

Responsive views for Forums and Wiki

Hi,

for the last few days I had been working on a more mobile friendly
view of our Wikis and Forums. These have just been deployed. Here is
what changed:

While it's not perfect on small screens it should at least be way more
readable on your mobile phones. Let me know of any issues though.

Wiki:
* Updated to MediaWiki 1.29.1
* Removed our fork of the MonoBook skin
* Introduce a new "ArchLinux" extension which injects some styles and
our navigation bar independent of the skin. This was quite a lot of
work to figure out, but future updates should be way easier now.
* The default skin is Vector; MonoBook is still available and can be
enabled in your personal settings
* The MobileFrontend extension has been removed (So we have a branded
view for mobile as well)
* PR see https://github.com/archlinux/archwiki/pull/9/files

Forums:
* Created a github repo at https://github.com/archlinux/archbbs
* PR at https://github.com/archlinux/archbbs/pull/1
* Some docker compose configuration to simplify development (similar
to the on in the wiki)

In addition to this I have been working on a re-implementation of
https://www.archlinux.de. Part of this is a new more mobile friendly
design. Especially the navigation which moves the menu entries into a
so called Hamburger menu on smaller screens is still missing from the
implementation mentioned above.

I plan to extract these "somehow" so we can use a common navigation in
all our websites. At least a generated snippet we can copy into our
projects.

Greetings,

Pierre

Offline

#2 2017-08-30 05:47:56

jasonwryan
Anarchist
From: .nz
Registered: 2009-05-09
Posts: 23,824
Website

Re: Responsive views for Forums and Wiki

Thanks Pierre, that has made a huge difference, both here and on the wiki. Both sites are now so much easier to use from my phone.


Arch + dwm   •   Mercurial repos  •   Github

Registered Linux User #482438

Online

#3 2017-08-30 10:43:59

WorMzy
Forum Moderator
From: Scotland
Registered: 2010-06-16
Posts: 7,482
Website

Re: Responsive views for Forums and Wiki

Aye, the new forum style is much easier to use, thanks Pierre!

Some nitpicking:

In portrait mode the navigation bar cuts off partway through "Download", and (probably doesn't affect non-mod users) the top forum menu wraps overitself in portrait view, obscuring several options:
http://imgur.com/OPAFzNi

Post options are displayed as a vertical list, but would fit horizontally (taking up less space):
http://imgur.com/eUP5HaD

*some* timestamps at the tops of posts are cut off or poorly indented:
http://imgur.com/N2oS2M5

The wiki suffers from a similar navigation bar problem, only more so (only 'D' of Downloads is fully visible). But I'm happy to see the return of navigation anchors vs collapsible sections, so I don't have to switch to Desktop View to get links anymore. big_smile


Sakura:-
Mobo: ASUS P8Z77-V PRO // Processor: Intel Core i7-3770K 3.4GHz // GFX: nVidia GeForce GTX 970 // RAM: 32GB (4x 8GB) Corsair DDR3 (@ 2133MHz) // Storage: 1x 3TB Seagate SATAII 5x 1TB Samsung SATAII, 2x 120GB Corsair SSD

Making lemonade from lemons since 2015.

Offline

#4 2017-08-30 14:35:37

titan-c
Member
From: Paris
Registered: 2014-03-30
Posts: 3
Website

Re: Responsive views for Forums and Wiki

This looks nice.

I have noticed a little bug in Chromium (firefox is fine) in the wiki for any article when you shrink the window, so that only the "Read" & "View Source" tabs are visible a "More" tab slides in, and then it slides out, and it oscillates forever.

Offline

#5 2017-08-30 14:55:28

kynikos
Wiki Admin
Registered: 2010-12-28
Posts: 163

Re: Responsive views for Forums and Wiki

Great stuff, thank you Pierre!

As reported, there are some minor issues in the wiki, I think the most important that I've noticed so far is that visited (valid) links are indistinguishable in color from non-visited (but note how red/broken links do make the distinction now), anyway apparently Lahwaacz is already offering help smile

Offline

#6 2017-08-30 16:55:57

frank604
Member
From: BC, Canada
Registered: 2011-04-20
Posts: 1,178

Re: Responsive views for Forums and Wiki

Wow good job Pierre. I was tripping out here this morning when I viewed the forums on my phone. I even killed and restarted my mobile browser. Then I found this thread. Thank you.

Offline

#7 2017-08-30 17:04:05

drcouzelis
Member
From: Connecticut, USA
Registered: 2009-11-09
Posts: 3,834
Website

Re: Responsive views for Forums and Wiki

This looks so much better!!!

Posted from my crappy phone. big_smile

Offline

#8 2017-08-31 14:32:30

slithery
Member
Registered: 2013-12-01
Posts: 2,081

Re: Responsive views for Forums and Wiki

Excellent work smile

The search bars moved but that's the only thing I've got to get used to. Well done.

Last edited by slithery (2017-08-31 14:34:04)


No, it didn't "fix" anything. It just shifted the brokeness one space to the right. - jasonwryan

aur - dotfiles

Offline

#9 2017-08-31 16:18:15

firecat53
Member
From: Lake Stevens, Wa
Registered: 2007-05-14
Posts: 1,478
Website

Re: Responsive views for Forums and Wiki

Huge usability difference on mobile! Thanks so much!

Online

#10 2017-09-01 16:16:56

lahwaacz
Wiki Admin
From: Czech Republic
Registered: 2012-05-29
Posts: 586

Re: Responsive views for Forums and Wiki

titan-c wrote:

I have noticed a little bug in Chromium (firefox is fine) in the wiki for any article when you shrink the window, so that only the "Read" & "View Source" tabs are visible a "More" tab slides in, and then it slides out, and it oscillates forever.

The "tab sliding" is done in the Javascript code shipped with MediaWiki, Arch has modified only the stylesheets.

Offline

Board footer

Powered by FluxBB