What happens to the top bar on mobile devices

List overview All Threads
Download

newer

older

Pointers for getting started

Unable to customize grid offset

kghbln

1 Nov 2016 1 Nov '16

8:17 a.m.

Heiya to all, this question may seem to be a bit dumb but what happens to the top bar on mobile devices. It automatically hides on narrow/mobile screens which is good in a way but how can one access e.g. the navigation provided via the top bar (vulgo side bar)? Cheers Karsten

Show replies by date

Tom Hutchison

1 Nov 1 Nov

12:55 p.m.

I was going to point you at [1] but now I see there is an issue on the wikiproject.net site. Jamie, we need to tweak some of the settings. They block addthis and I think(not sure) it is bringing js to a grinding halt and that's why the navbar isn't working at the top. Tom [1] http://foreground.wikiproject.net/wiki/Main_Page -----Original Message----- From: Foreground [mailto:foreground-bounces@lists.wikimedia.org] On Behalf Of kghbln Sent: Tuesday, November 1, 2016 11:18 AM To: foreground(a)lists.wikimedia.org Subject: [Foreground] What happens to the top bar on mobile devices Heiya to all, this question may seem to be a bit dumb but what happens to the top bar on mobile devices. It automatically hides on narrow/mobile screens which is good in a way but how can one access e.g. the navigation provided via the top bar (vulgo side bar)? Cheers Karsten _______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

Karsten Hoffmeyer

1:07 p.m.

Hi Tom, thanks for the info. At least I know that it is actually an issue, presumably with version 1.2 since e.g. WikiApiary is not working either. Joomla Docs is however still working but still using version 1.1. There one can see how it is supposed to look like. I will open an issue for this on GitHub. Cheers Karsten Am 01.11.2016 um 20:55 schrieb Tom Hutchison:

...

Tom

1:34 p.m.

I just looked at WikiApiary and everything looks good to me there. I see a menu bar on mobile. Tom

...

On Nov 1, 2016, at 4:07 PM, Karsten Hoffmeyer <karsten(a)hoffmeyer.info> wrote: Hi Tom, thanks for the info. At least I know that it is actually an issue, presumably with version 1.2 since e.g. WikiApiary is not working either. Joomla Docs is however still working but still using version 1.1. There one can see how it is supposed to look like. I will open an issue for this on GitHub. Cheers Karsten

Am 01.11.2016 um 20:55 schrieb Tom Hutchison: I was going to point you at [1] but now I see there is an issue on the wikiproject.net site. Jamie, we need to tweak some of the settings. They block addthis and I think(not sure) it is bringing js to a grinding halt and that's why the navbar isn't working at the top. Tom [1] http://foreground.wikiproject.net/wiki/Main_Page -----Original Message----- From: Foreground [mailto:foreground-bounces@lists.wikimedia.org] On Behalf Of kghbln Sent: Tuesday, November 1, 2016 11:18 AM To: foreground(a)lists.wikimedia.org Subject: [Foreground] What happens to the top bar on mobile devices Heiya to all, this question may seem to be a bit dumb but what happens to the top bar on mobile devices. It automatically hides on narrow/mobile screens which is good in a way but how can one access e.g. the navigation provided via the top bar (vulgo side bar)? Cheers Karsten _______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground _______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

_______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

Tom

1:36 p.m.

This will probably be stripped out or maybe it'll post. Here's an image. Tom Sent from my iPhone

...

On Nov 1, 2016, at 4:34 PM, Tom <tom(a)hutch4.us> wrote: I just looked at WikiApiary and everything looks good to me there. I see a menu bar on mobile. Tom

_______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

kghbln

1:51 p.m.

OMG, this was me. I am so utterly embarrased. All wikis I have seen this issue had one thing in common: ME. Even on WikiApiary since I am constandly logged in there so I saw my own adaptions go wild. The issue was custom CSS I applied: h1.title-name { background: white none repeat scroll 0 0; } Since the toggle menue icon in the topbar is by default also white I got into a white on white situation. Now that I have inverted the color to black with .top-bar .toggle-topbar.menu-icon a span { box-shadow: 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black; } everything is fluffy again. I did not see this because I am only surfing with wide screens and never really noticed. <foreground.wikiproject.net> is cool again. I am utterly sorry for the mess I created. :( Cheers Karsten Am 01.11.2016 um 21:36 schrieb Tom:

...

This will probably be stripped out or maybe it'll post. Here's an image. Tom Sent from my iPhone > On Nov 1, 2016, at 4:34 PM, Tom <tom(a)hutch4.us> wrote: > > I just looked at WikiApiary and everything looks good to me there. I see a menu bar on mobile. > > Tom > >> On Nov 1, 2016, at 4:07 PM, Karsten Hoffmeyer <karsten(a)hoffmeyer.info> wrote: >> >> Hi Tom, >> >> thanks for the info. At least I know that it is actually an issue, >> presumably with version 1.2 since e.g. WikiApiary is not working either. >> >> Joomla Docs is however still working but still using version 1.1. There >> one can see how it is supposed to look like. >> >> I will open an issue for this on GitHub. >> >> Cheers Karsten >> >> >>> Am 01.11.2016 um 20:55 schrieb Tom Hutchison: >>> I was going to point you at [1] but now I see there is an issue on the wikiproject.net site. >>> >>> Jamie, we need to tweak some of the settings. They block addthis and I think(not sure) it is bringing js to a grinding halt and that's why the navbar isn't working at the top. >>> >>> Tom >>> >>> [1] http://foreground.wikiproject.net/wiki/Main_Page >>> >>> -----Original Message----- >>> From: Foreground [mailto:foreground-bounces@lists.wikimedia.org] On Behalf Of kghbln >>> Sent: Tuesday, November 1, 2016 11:18 AM >>> To: foreground(a)lists.wikimedia.org >>> Subject: [Foreground] What happens to the top bar on mobile devices >>> >>> Heiya to all, >>> >>> this question may seem to be a bit dumb but what happens to the top bar on mobile devices. >>> >>> It automatically hides on narrow/mobile screens which is good in a way but how can one access e.g. the navigation provided via the top bar (vulgo side bar)? >>> >>> Cheers Karsten >>> >>> _______________________________________________ >>> Foreground mailing list >>> Foreground(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/foreground >>> >>> >>> _______________________________________________ >>> Foreground mailing list >>> Foreground(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/foreground >>> >> >> _______________________________________________ >> Foreground mailing list >> Foreground(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/foreground > > > _______________________________________________ > Foreground mailing list > Foreground(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/foreground > > > _______________________________________________ > Foreground mailing list > Foreground(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/foreground

Tom

3:34 p.m.

Don't worry about it. I still see your problem on wikiproject. For some reason the title area background is white and shows as a white background on mobile. Actually it's a white background even on desktop. Tom

...

On Nov 1, 2016, at 4:51 PM, kghbln <mediawiki(a)kghoffmeyer.de> wrote: OMG, this was me. I am so utterly embarrased. All wikis I have seen this issue had one thing in common: ME. Even on WikiApiary since I am constandly logged in there so I saw my own adaptions go wild. The issue was custom CSS I applied: h1.title-name { background: white none repeat scroll 0 0; } Since the toggle menue icon in the topbar is by default also white I got into a white on white situation. Now that I have inverted the color to black with .top-bar .toggle-topbar.menu-icon a span { box-shadow: 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black; } everything is fluffy again. I did not see this because I am only surfing with wide screens and never really noticed. <foreground.wikiproject.net> is cool again. I am utterly sorry for the mess I created. :( Cheers Karsten

Am 01.11.2016 um 21:36 schrieb Tom: This will probably be stripped out or maybe it'll post. Here's an image. Tom Sent from my iPhone > On Nov 1, 2016, at 4:34 PM, Tom <tom(a)hutch4.us> wrote: > > I just looked at WikiApiary and everything looks good to me there. I see a menu bar on mobile. > > Tom > >> On Nov 1, 2016, at 4:07 PM, Karsten Hoffmeyer <karsten(a)hoffmeyer.info> wrote: >> >> Hi Tom, >> >> thanks for the info. At least I know that it is actually an issue, >> presumably with version 1.2 since e.g. WikiApiary is not working either. >> >> Joomla Docs is however still working but still using version 1.1. There >> one can see how it is supposed to look like. >> >> I will open an issue for this on GitHub. >> >> Cheers Karsten >> >> >>> Am 01.11.2016 um 20:55 schrieb Tom Hutchison: >>> I was going to point you at [1] but now I see there is an issue on the wikiproject.net site. >>> >>> Jamie, we need to tweak some of the settings. They block addthis and I think(not sure) it is bringing js to a grinding halt and that's why the navbar isn't working at the top. >>> >>> Tom >>> >>> [1] http://foreground.wikiproject.net/wiki/Main_Page >>> >>> -----Original Message----- >>> From: Foreground [mailto:foreground-bounces@lists.wikimedia.org] On Behalf Of kghbln >>> Sent: Tuesday, November 1, 2016 11:18 AM >>> To: foreground(a)lists.wikimedia.org >>> Subject: [Foreground] What happens to the top bar on mobile devices >>> >>> Heiya to all, >>> >>> this question may seem to be a bit dumb but what happens to the top bar on mobile devices. >>> >>> It automatically hides on narrow/mobile screens which is good in a way but how can one access e.g. the navigation provided via the top bar (vulgo side bar)? >>> >>> Cheers Karsten >>> >>> _______________________________________________ >>> Foreground mailing list >>> Foreground(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/foreground >>> >>> >>> _______________________________________________ >>> Foreground mailing list >>> Foreground(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/foreground >>> >> >> _______________________________________________ >> Foreground mailing list >> Foreground(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/foreground > > > _______________________________________________ > Foreground mailing list > Foreground(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/foreground > > > _______________________________________________ > Foreground mailing list > Foreground(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/foreground

_______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

kghbln

3:47 p.m.

The issue should now be gone (Probably caching). wikiproject is cool now. The title area background is meant to be white since this was the intended change. Have a look at Commons.css [0]. Cheers Karsten [0] http://foreground.wikiproject.net/wiki/MediaWiki:Common.css Am 01.11.2016 um 23:34 schrieb Tom:

...

_______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

Jamie Thingelstad

2 Nov 2 Nov

9:33 a.m.

Glad you figured it out kgh! :-P Jamie Thingelstad <http://www.thingelstad.com/> jamie(a)thingelstad.com <mailto:jamie@thingelstad.com> mobile: 612-810-3699

...

On Nov 1, 2016, at 3:51 PM, kghbln <mediawiki(a)kghoffmeyer.de> wrote: OMG, this was me. I am so utterly embarrased. All wikis I have seen this issue had one thing in common: ME. Even on WikiApiary since I am constandly logged in there so I saw my own adaptions go wild. The issue was custom CSS I applied: h1.title-name { background: white none repeat scroll 0 0; } Since the toggle menue icon in the topbar is by default also white I got into a white on white situation. Now that I have inverted the color to black with .top-bar .toggle-topbar.menu-icon a span { box-shadow: 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black; } everything is fluffy again. I did not see this because I am only surfing with wide screens and never really noticed. <foreground.wikiproject.net> is cool again. I am utterly sorry for the mess I created. :( Cheers Karsten Am 01.11.2016 um 21:36 schrieb Tom:

_______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

kghbln

9:57 a.m.

Yeah, me too. Senior moments. :D Am 02.11.2016 um 17:33 schrieb Jamie Thingelstad:

...

Glad you figured it out kgh! :-P Jamie Thingelstad <http://www.thingelstad.com/> jamie(a)thingelstad.com <mailto:jamie@thingelstad.com> mobile: 612-810-3699

On Nov 1, 2016, at 3:51 PM, kghbln <mediawiki(a)kghoffmeyer.de <mailto:mediawiki@kghoffmeyer.de>> wrote: OMG, this was me. I am so utterly embarrased. All wikis I have seen this issue had one thing in common: ME. Even on WikiApiary since I am constandly logged in there so I saw my own adaptions go wild. The issue was custom CSS I applied: h1.title-name { background: white none repeat scroll 0 0; } Since the toggle menue icon in the topbar is by default also white I got into a white on white situation. Now that I have inverted the color to black with .top-bar .toggle-topbar.menu-icon a span { box-shadow: 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black; } everything is fluffy again. I did not see this because I am only surfing with wide screens and never really noticed. <foreground.wikiproject.net <http://foreground.wikiproject.net>> is cool again. I am utterly sorry for the mess I created. :( Cheers Karsten Am 01.11.2016 um 21:36 schrieb Tom:

This will probably be stripped out or maybe it'll post. Here's an image. Tom Sent from my iPhone > On Nov 1, 2016, at 4:34 PM, Tom <tom(a)hutch4.us > <mailto:tom@hutch4.us>> wrote: > > I just looked at WikiApiary and everything looks good to me there. I > see a menu bar on mobile. > > Tom > >> On Nov 1, 2016, at 4:07 PM, Karsten Hoffmeyer >> <karsten(a)hoffmeyer.info <mailto:karsten@hoffmeyer.info>> wrote: >> >> Hi Tom, >> >> thanks for the info. At least I know that it is actually an issue, >> presumably with version 1.2 since e.g. WikiApiary is not working >> either. >> >> Joomla Docs is however still working but still using version 1.1. There >> one can see how it is supposed to look like. >> >> I will open an issue for this on GitHub. >> >> Cheers Karsten >> >> >>> Am 01.11.2016 um 20:55 schrieb Tom Hutchison: >>> I was going to point you at [1] but now I see there is an issue on >>> the wikiproject.net <http://wikiproject.net> site. >>> >>> Jamie, we need to tweak some of the settings. They block addthis >>> and I think(not sure) it is bringing js to a grinding halt and >>> that's why the navbar isn't working at the top. >>> >>> Tom >>> >>> [1] http://foreground.wikiproject.net/wiki/Main_Page >>> >>> -----Original Message----- >>> From: Foreground [mailto:foreground-bounces@lists.wikimedia.org] >>> On Behalf Of kghbln >>> Sent: Tuesday, November 1, 2016 11:18 AM >>> To: foreground(a)lists.wikimedia.org >>> <mailto:foreground@lists.wikimedia.org> >>> Subject: [Foreground] What happens to the top bar on mobile devices >>> >>> Heiya to all, >>> >>> this question may seem to be a bit dumb but what happens to the >>> top bar on mobile devices. >>> >>> It automatically hides on narrow/mobile screens which is good in a >>> way but how can one access e.g. the navigation provided via the >>> top bar (vulgo side bar)? >>> >>> Cheers Karsten >>> >>> _______________________________________________ >>> Foreground mailing list >>> Foreground(a)lists.wikimedia.org <mailto:Foreground@lists.wikimedia.org> >>> https://lists.wikimedia.org/mailman/listinfo/foreground >>> >>> >>> _______________________________________________ >>> Foreground mailing list >>> Foreground(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/foreground >>> >> >> _______________________________________________ >> Foreground mailing list >> Foreground(a)lists.wikimedia.org <mailto:Foreground@lists.wikimedia.org> >> https://lists.wikimedia.org/mailman/listinfo/foreground > > > _______________________________________________ > Foreground mailing list > Foreground(a)lists.wikimedia.org <mailto:Foreground@lists.wikimedia.org> > https://lists.wikimedia.org/mailman/listinfo/foreground > > > _______________________________________________ > Foreground mailing list > Foreground(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/foreground

_______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org <mailto:Foreground@lists.wikimedia.org> https://lists.wikimedia.org/mailman/listinfo/foreground

_______________________________________________ Foreground mailing list Foreground(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/foreground

2764

days inactive

2765

days old

foreground@lists.wikimedia.org

Manage subscription

9 comments

5 participants

tags (0)

participants (5)

Jamie Thingelstad
Karsten Hoffmeyer
kghbln
Tom
Tom Hutchison