diff --git a/resources/main.js b/resources/main.js index 2ba74c2..7f882b8 100644 --- a/resources/main.js +++ b/resources/main.js @@ -7,25 +7,4 @@ $( function () { * Focus on search box when 'Tab' key is pressed once */ $( '#searchInput' ).attr( 'tabindex', $( document ).lastTabIndex() + 1 ); - - /** - * Add offset for # links to work around fixed header on desktop - * Apparently can't use CSS solutions due to highlighting of Cite links and similar. (T162649) - * - * Based on https://stackoverflow.com/questions/10732690/#answer-29853395 - */ - function adjustAnchor() { - var mobileCutoffWidth = 850, - $anchor = $( ':target' ), - fixedElementHeight = $( '#mw-header-container' ).outerHeight() + 15; - - if ( $( window ).width() > mobileCutoffWidth && $anchor.length > 0 ) { - $( 'html, body' ).stop(); - window.scrollTo( 0, $anchor.offset().top - fixedElementHeight ); - } - } - - $( window ).on( 'hashchange load', function () { - adjustAnchor(); - } ); } ); diff --git a/resources/screen-desktop.less b/resources/screen-desktop.less index e17151d..31019fb 100644 --- a/resources/screen-desktop.less +++ b/resources/screen-desktop.less @@ -1,5 +1,11 @@ @import 'variables.less'; +// T181484 (firefox and chrome; doesn't fix anything else as yet) +body, +html { + scroll-padding-top: @fixed-header-height + 0.5em; +} + // Override menu display from mobile // This also requires !importants where they hover and stuff .dropdown,