Arch Linux

Pierre

Developer

From: Bonn

Registered: 2004-07-05

Posts: 1,964

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

---

3E80 CA1A 8B89 F69C BA57  D98A 76A5 EF90 5444 9A5C

jasonwryan

Anarchist

From: .nz

Registered: 2009-05-09

Posts: 30,424

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  •   Surfraw

Registered Linux User #482438

WorMzy

Administrator

From: Scotland

Registered: 2010-06-16

Posts: 12,399

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.

---

Sakura:-
Mobo: MSI MAG X570S TORPEDO MAX // Processor: AMD Ryzen 9 5950X @4.9GHz // GFX: AMD Radeon RX 5700 XT // RAM: 32GB (4x 8GB) Corsair DDR4 (@ 3000MHz) // Storage: 1x 3TB HDD, 6x 1TB SSD, 2x 120GB SSD, 1x 275GB M2 SSD

Making lemonade from lemons since 2015.

titan-c

Member

From: Paris

Registered: 2014-03-30

Posts: 4

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.

kynikos

Wiki Admin

Registered: 2010-12-28

Posts: 170

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

---

Wiki | AUR | GitHub

frank604

Member

From: BC, Canada

Registered: 2011-04-20

Posts: 1,212

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.

drcouzelis

Member

From: Connecticut, USA

Registered: 2009-11-09

Posts: 4,092

Website

Re: Responsive views for Forums and Wiki

This looks so much better!!!

Posted from my crappy phone.

Slithery

Administrator

From: Norfolk, UK

Registered: 2013-12-01

Posts: 5,776

Re: Responsive views for Forums and Wiki

Excellent work

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
Closing -- for deletion; Banning -- for muppetry. - jasonwryan

aur - dotfiles

firecat53

Member

From: Lake Stevens, WA, USA

Registered: 2007-05-14

Posts: 1,542

Website

Re: Responsive views for Forums and Wiki

Huge usability difference on mobile! Thanks so much!

---

Github

lahwaacz

Wiki Admin

From: Czech Republic

Registered: 2012-05-29

Posts: 762

Re: Responsive views for Forums and Wiki

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.