Hi everyone
I am looking for advice in creating a sidebar for a wiki running Foreground. I want to give the pages a - let's say 250px wide - sidebar on the right that I can fill with a page (similar to MediaWiki:Sidebar which doesn't really control a sidebar but the main menu). Because of Foreground's grid layout there probably have to be some things to be considered. To keep the page responsive, the sidebar should disappear on smaller screens and its content instead move below the rest of the page content.
Has anyone made an attempt at this before? Thanks in advance. Cheers
Sebastian
Foreground wasn’t really designed for a Sidebar. Everything is top only. Shameless plug, have you looked at Pivot?[0] Uses same classes as Foreground although you might have to turn on some features if you are using on page tabs.
Live example here.[1]
Tom
[0] https://www.mediawiki.org/wiki/Skin:Pivot [1] https://pivot.wikiproject.net/wiki/Main_Page
On Nov 26, 2017, at 3:27 PM, Sebastian Haselbeck rebastion@mailbox.org wrote:
Hi everyone
I am looking for advice in creating a sidebar for a wiki running Foreground. I want to give the pages a - let's say 250px wide - sidebar on the right that I can fill with a page (similar to MediaWiki:Sidebar which doesn't really control a sidebar but the main menu). Because of Foreground's grid layout there probably have to be some things to be considered. To keep the page responsive, the sidebar should disappear on smaller screens and its content instead move below the rest of the page content.
Has anyone made an attempt at this before? Thanks in advance. Cheers
Sebastian
Foreground mailing list Foreground@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground
Pivot looks amazing Tom! Very nice!
-- 👨💻 Jamie Thingelstad 📧 jamie@thingelstad.com 📱 +1 (612) 810-3699
✍🏻 Blog ⇢ https://www.thingelstad.com 💬 Micro ⇢ https://micro.thingelstad.com 📌 Links ⇢ https://links.thingelstad.com 📷 Photos ⇢ https://photos.thingelstad.com
📨 Subscribe to my weekly newsletter at https://weekly.thingelstad.com
On Nov 26, 2017, at 3:55 PM, Tom tom@hutch4.us wrote:
Foreground wasn’t really designed for a Sidebar. Everything is top only. Shameless plug, have you looked at Pivot?[0] Uses same classes as Foreground although you might have to turn on some features if you are using on page tabs.
Live example here.[1]
Tom
[0] https://www.mediawiki.org/wiki/Skin:Pivot https://www.mediawiki.org/wiki/Skin:Pivot [1] https://pivot.wikiproject.net/wiki/Main_Page https://pivot.wikiproject.net/wiki/Main_Page
On Nov 26, 2017, at 3:27 PM, Sebastian Haselbeck <rebastion@mailbox.org mailto:rebastion@mailbox.org> wrote:
Hi everyone
I am looking for advice in creating a sidebar for a wiki running Foreground. I want to give the pages a - let's say 250px wide - sidebar on the right that I can fill with a page (similar to MediaWiki:Sidebar which doesn't really control a sidebar but the main menu). Because of Foreground's grid layout there probably have to be some things to be considered. To keep the page responsive, the sidebar should disappear on smaller screens and its content instead move below the rest of the page content.
Has anyone made an attempt at this before? Thanks in advance. Cheers
Sebastian
Foreground mailing list Foreground@lists.wikimedia.org mailto:Foreground@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground https://lists.wikimedia.org/mailman/listinfo/foreground
Foreground mailing list Foreground@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground
Thanks! Solves the problem for those who really want a sidebar but keeps it mobile friendly too.
Tom
On Nov 26, 2017, at 5:15 PM, Jamie Thingelstad jamie@thingelstad.com wrote:
Pivot looks amazing Tom! Very nice!
-- 👨💻 Jamie Thingelstad 📧 jamie@thingelstad.com 📱 +1 (612) 810-3699
✍🏻 Blog ⇢ https://www.thingelstad.com 💬 Micro ⇢ https://micro.thingelstad.com 📌 Links ⇢ https://links.thingelstad.com 📷 Photos ⇢ https://photos.thingelstad.com
📨 Subscribe to my weekly newsletter at https://weekly.thingelstad.com
How freely can the sidebar be customized? Can it be out to the right? In the examples I dont see what haopens to it when the screen gets smaller...
On November 26, 2017 11:35:26 PM GMT+01:00, Tom tom@hutch4.us wrote:
Thanks! Solves the problem for those who really want a sidebar but keeps it mobile friendly too.
Tom
On Nov 26, 2017, at 5:15 PM, Jamie Thingelstad
jamie@thingelstad.com wrote:
Pivot looks amazing Tom! Very nice!
-- 👨💻 Jamie Thingelstad 📧 jamie@thingelstad.com 📱 +1 (612) 810-3699
✍🏻 Blog ⇢ https://www.thingelstad.com 💬 Micro ⇢ https://micro.thingelstad.com 📌 Links ⇢ https://links.thingelstad.com 📷 Photos ⇢ https://photos.thingelstad.com
📨 Subscribe to my weekly newsletter at
foreground@lists.wikimedia.org