[MediaWiki-l] Question / Custom Design / Tollbar

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

[MediaWiki-l] Question / Custom Design / Tollbar

Martin Nünning Bittop
Hello @all,

 

I have a Problem with a custom Design of a Wiki. If this here is not the
right place for me to ask, please apologize.

We have a Website that uses a Design with a sticky Toolbar on top of the
page. Integration is fine but if you click on a link inside the Page
Navigation to reach some Anchor point the page jumps “to high” because it
does not “know” there is this sticky Toolbar and part of the Wiki Text is
hidden behind.

Could anybody give an advice how to tell the Wiki to leave a Space of maybe
100px to the top of the page when jumping?  Or any other helpful  Idea?

 

Kind Regards

 

Martin

 

_______________________________________________
MediaWiki-l mailing list
To unsubscribe, go to:
https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
Reply | Threaded
Open this post in threaded view
|

Re: Question / Custom Design / Tollbar

Andre Klapper-2
Hi,

On Sat, 2019-08-24 at 21:30 +0200, Martin Nünning Bittop wrote:
> I have a Problem with a custom Design of a Wiki. If this here is not the
> right place for me to ask, please apologize.
>
> We have a Website that uses a Design with a sticky Toolbar on top of the
> page. Integration is fine but if you click on a link inside the Page
> Navigation to reach some Anchor point the page jumps “to high” because it
> does not “know” there is this sticky Toolbar and part of the Wiki Text is
> hidden behind.

For example the Timeless skin also has a sticky toolbar and there seems
to be no problem with anchors vs hidden content (at least in Firefox):
https://www.mediawiki.org/wiki/Manual:System_administration?useskin=timeless

> Could anybody give an advice how to tell the Wiki to leave a Space of maybe
> 100px to the top of the page when jumping?  Or any other helpful  Idea?

Hard to say without knowing your HTML/CSS implementation.

Cheers,
andre

--
Andre Klapper (he/him) | Bugwrangler / Developer Advocate
https://blogs.gnome.org/aklapper/


_______________________________________________
MediaWiki-l mailing list
To unsubscribe, go to:
https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
Reply | Threaded
Open this post in threaded view
|

Re: Question / Custom Design / Tollbar

Isarra Yos
Timeless (on master, at least) uses css scroll-padding, which only works
in the most up-to-date browsers (notably firefox and chrome at the
moment). If you need to support older stuff, you'll probably need to
come up with a js solution, unless you're sure you're not going to be
using anything with styled anchors like Cite or the like (at which point
various +padding/-margin anchor hacks and the like would do it more easily).

See: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap

-I


On 25/08/2019 14:55, Andre Klapper wrote:

> Hi,
>
> On Sat, 2019-08-24 at 21:30 +0200, Martin Nünning Bittop wrote:
>> I have a Problem with a custom Design of a Wiki. If this here is not the
>> right place for me to ask, please apologize.
>>
>> We have a Website that uses a Design with a sticky Toolbar on top of the
>> page. Integration is fine but if you click on a link inside the Page
>> Navigation to reach some Anchor point the page jumps “to high” because it
>> does not “know” there is this sticky Toolbar and part of the Wiki Text is
>> hidden behind.
> For example the Timeless skin also has a sticky toolbar and there seems
> to be no problem with anchors vs hidden content (at least in Firefox):
> https://www.mediawiki.org/wiki/Manual:System_administration?useskin=timeless
>
>> Could anybody give an advice how to tell the Wiki to leave a Space of maybe
>> 100px to the top of the page when jumping?  Or any other helpful  Idea?
> Hard to say without knowing your HTML/CSS implementation.
>
> Cheers,
> andre
>
_______________________________________________
MediaWiki-l mailing list
To unsubscribe, go to:
https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
Reply | Threaded
Open this post in threaded view
|

Re: Question / Custom Design / Tollbar

Martin Nünning Bittop
Thanks guys... you pointed us into the right direction with the css ... sometimes one just needs another hint :-)

Regards

------------------------------------------------------------------------------------

bittop | I T Lösungen | Inhaber Martin Nünning | Wait z st r . 52a, 24105 K i e l

T e l . +49(0)431 533 21 92 | Fax +49(0)431 533 21 93 | [hidden email] | www.bittop.de

Steuernummer: 46 035 812 872 | BLZ21050170, Konto?Nr. 1000839157, Förde Sparkasse

> Am 25.08.2019 um 18:00 schrieb Isarra Yos <[hidden email]>:
>
> Timeless (on master, at least) uses css scroll-padding, which only works in the most up-to-date browsers (notably firefox and chrome at the moment). If you need to support older stuff, you'll probably need to come up with a js solution, unless you're sure you're not going to be using anything with styled anchors like Cite or the like (at which point various +padding/-margin anchor hacks and the like would do it more easily).
>
> See: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap
>
> -I
>
>
>> On 25/08/2019 14:55, Andre Klapper wrote:
>> Hi,
>>
>>> On Sat, 2019-08-24 at 21:30 +0200, Martin Nünning Bittop wrote:
>>> I have a Problem with a custom Design of a Wiki. If this here is not the
>>> right place for me to ask, please apologize.
>>>
>>> We have a Website that uses a Design with a sticky Toolbar on top of the
>>> page. Integration is fine but if you click on a link inside the Page
>>> Navigation to reach some Anchor point the page jumps “to high” because it
>>> does not “know” there is this sticky Toolbar and part of the Wiki Text is
>>> hidden behind.
>> For example the Timeless skin also has a sticky toolbar and there seems
>> to be no problem with anchors vs hidden content (at least in Firefox):
>> https://www.mediawiki.org/wiki/Manual:System_administration?useskin=timeless
>>
>>> Could anybody give an advice how to tell the Wiki to leave a Space of maybe
>>> 100px to the top of the page when jumping?  Or any other helpful  Idea?
>> Hard to say without knowing your HTML/CSS implementation.
>>
>> Cheers,
>> andre
>>
> _______________________________________________
> MediaWiki-l mailing list
> To unsubscribe, go to:
> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l
_______________________________________________
MediaWiki-l mailing list
To unsubscribe, go to:
https://lists.wikimedia.org/mailman/listinfo/mediawiki-l