1 files changed, 43 insertions, 0 deletions
diff --git a/www/wiki/skins/Timeless/resources/mobile.js b/www/wiki/skins/Timeless/resources/mobile.js
new file mode 100644
index 00000000..7cdf7abf
--- /dev/null
+++ b/www/wiki/skins/Timeless/resources/mobile.js
@@ -0,0 +1,43 @@
+/* Popout menus (header) */
+
+$( function () {
+	var toggleTime = 200;
+
+	// Open the various menus
+	$( '#user-tools h2' ).on( 'click', function () {
+		if ( $( window ).width() < 851 ) {
+			$( '#personal-inner, #menus-cover' ).fadeToggle( toggleTime );
+		}
+	} );
+	$( '#site-navigation h2' ).on( 'click', function () {
+		if ( $( window ).width() < 851 ) {
+			$( '#site-navigation .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
+		}
+	} );
+	$( '#site-tools h2' ).on( 'click', function () {
+		if ( $( window ).width() < 851 ) {
+			$( '#site-tools .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
+		}
+	} );
+	$( '#ca-more' ).on( 'click', function () {
+		$( '#page-tools .sidebar-inner' ).css( 'top', $( '#ca-more' ).offset().top + 25 );
+		if ( $( window ).width() < 851 ) {
+			$( '#page-tools .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
+		}
+	} );
+	$( '#ca-languages' ).on( 'click', function () {
+		$( '#other-languages .sidebar-inner' ).css( 'top', $( '#ca-languages' ).offset().top + 25 );
+		if ( $( window ).width() < 851 ) {
+			$( '#other-languages .sidebar-inner, #menus-cover' ).fadeToggle( toggleTime );
+		}
+	} );
+
+	// Close menus on click outside
+	$( document ).on( 'click touchstart', function ( e ) {
+		if ( $( e.target ).closest( '#menus-cover' ).length > 0 ) {
+			$( '#personal-inner' ).fadeOut( toggleTime );
+			$( '.sidebar-inner' ).fadeOut( toggleTime );
+			$( '#menus-cover' ).fadeOut( toggleTime );
+		}
+	} );
+} );