From e660c1a5543c96d299b477731dedf3d144b685a0 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Mon, 21 Oct 2013 15:17:48 +0300
Subject: [ticket/11956] Fix member list page

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index a2758de9dc..b71ff45a27 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -546,7 +546,7 @@ function insert_single_user(formId, user)
 				i, headersLength;
 
 			// Find each header
-			th.each(function() {
+			th.each(function(column) {
 				var cell = $(this),
 					colspan = parseInt(cell.attr('colspan')),
 					dfn = cell.attr('data-dfn'),
@@ -558,6 +558,10 @@ function insert_single_user(formId, user)
 					headers.push(text);
 				}
 				totalHeaders ++;
+
+				if (dfn && !column) {
+					$this.addClass('show-header');
+				}
 			});
 			
 			headersLength = headers.length;
-- 
cgit v1.2.1


From d2d4438db50e54b9ad61731b5d92d01bd057309c Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Tue, 22 Oct 2013 00:11:48 +0300
Subject: [ticket/11956] Adjustments to responsive topiclist lists

Changes behavior of topiclist lists on mobile devices.
Shows/hides certain elements in each row to present all
important information to visitor on mobile devices, such
as last post when viewing forum instead of first post.

Also fixes topiclist layout bug in drafts.html

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 76 +++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index b71ff45a27..a425e9e1ad 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -536,6 +536,82 @@ function insert_single_user(formId, user)
 			$(window).resize(check);
 		});
 
+		// Responsive topic lists
+		$('.topiclist.responsive-show-all > li > dl').each(function() {
+			var $this = $(this),
+				block = $this.find('dt .responsive-show:last-child'),
+				first = true;
+
+			if (!block.length) {
+				$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
+				block = $this.find('dt .responsive-show:last-child');
+			}
+			else {
+				first = (block.text().trim().length == 0);
+			}
+
+			$this.find('dd').not('.mark').each(function() {
+				var column = $(this),
+					children = column.children(),
+					html = column.html();
+
+				if (children.length == 1 && children.text() == column.text()) {
+					html = children.html();
+				}
+
+				block.append((first ? '' : '<br />') + html);
+
+				first = false;
+			});
+		});
+
+		$('.topiclist.responsive-show-columns').each(function() {
+			var list = $(this),
+				headers = [],
+				headersLength = 0;
+
+			list.prev('.topiclist').find('li.header dd').not('.mark').each(function() {
+				headers.push($(this).text());
+				headersLength ++;
+			});
+
+			if (!headersLength) {
+				return;
+			}
+
+			list.find('dl').each(function() {
+				var $this = $(this),
+					block = $this.find('dt .responsive-show:last-child'),
+					first = true;
+
+				if (!block.length) {
+					$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
+					block = $this.find('dt .responsive-show:last-child');
+				}
+				else {
+					first = (block.text().trim().length == 0);
+				}
+
+				$this.find('dd').not('.mark').each(function(i) {
+					var column = $(this),
+						children = column.children(),
+						html = column.html();
+
+					if (children.length == 1 && children.text() == column.text()) {
+						html = children.html();
+					}
+
+					if (i < headersLength) {
+						html = headers[i] + ': <strong>' + html + '</strong>';
+					}
+
+					block.append((first ? '' : '<br />') + html);
+
+					first = false;
+				});
+			});
+		});
+
 		// Responsive tables
 		$('table.table1').not('.not-responsive').each(function() {
 			var $this = $(this),
-- 
cgit v1.2.1


From 431b4acb36a2087b58795f0951a786008dc3b943 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Tue, 22 Oct 2013 00:41:05 +0300
Subject: [ticket/11956] Move JS to reusable function

Move JS to reusable function that can be ran
for all content added with JavaScript such as
results of AJAX forms

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 797 +++++++++++++++-------------
 1 file changed, 424 insertions(+), 373 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index a425e9e1ad..cb8ee2f9df 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -410,138 +410,203 @@ function insert_single_user(formId, user)
 }
 
 /**
-* Run onload functions
+* Parse document block
 */
-(function($) {
-	$(document).ready(function() {
-		// Swap .nojs and .hasjs
-		$('#phpbb.nojs').toggleClass('nojs hasjs');
-
-		// Focus forms
-		$('form[data-focus]:first').each(function() {
-			$('#' + this.getAttribute('data-focus')).focus();
-		});
+function parse_document(container) 
+{
+	var test = document.createElement('div'),
+		oldBrowser = (typeof test.style.borderRadius == 'undefined');
 
-		// Reset avatar dimensions when changing URL or EMAIL
-		$('input[data-reset-on-edit]').bind('keyup', function() {
-			$(this.getAttribute('data-reset-on-edit')).val('');
-		});
+	delete test;
 
-		// Pagination
-		$('a.pagination-trigger').click(function() {
-			jumpto($(this));
-		});
+	/**
+	* Reset avatar dimensions when changing URL or EMAIL
+	*/
+	container.find('input[data-reset-on-edit]').bind('keyup', function() {
+		$(this.getAttribute('data-reset-on-edit')).val('');
+	});
 
-		// Adjust HTML code for IE8 and older versions		
-		var test = document.createElement('div'),
-			oldBrowser = (typeof test.style.borderRadius == 'undefined');
-		delete test;
+	/**
+	* Pagination
+	*/
+	container.find('a.pagination-trigger').click(function() {
+		jumpto($(this));
+	});
 
-		if (oldBrowser) {
-			// Fix .linklist.bulletin lists
-			$('ul.linklist.bulletin li:first-child, ul.linklist.bulletin li.rightside:last-child').addClass('no-bulletin');
+	/**
+	* Adjust HTML code for IE8 and older versions		
+	*/
+	if (oldBrowser) {
+		// Fix .linklist.bulletin lists
+		container.find('ul.linklist.bulletin li:first-child, ul.linklist.bulletin li.rightside:last-child').addClass('no-bulletin');
 
-			// Do not run functions below for old browsers
-			return;
-		}
+		// Do not run functions below for old browsers
+		return;
+	}
 
-		// Adjust topiclist lists with check boxes
-		$('ul.topiclist dd.mark').siblings('dt').children('.list-inner').addClass('with-mark');
+	/**
+	* Resize navigation block to keep all links on same line
+	*/
+	container.find('.navlinks').each(function() {
+		var $this = $(this),
+			left = $this.children().not('.rightside'),
+			right = $this.children('.rightside');
 
-		// Resize navigation block to keep all links on same line
-		$('.navlinks').each(function() {
-			var $this = $(this),
-				left = $this.children().not('.rightside'),
-				right = $this.children('.rightside');
+		if (left.length !== 1 || !right.length) return;
 
-			if (left.length !== 1 || !right.length) return;
+		function resize() {
+			var width = 0,
+				diff = left.outerWidth(true) - left.width();
 
-			function resize() {
-				var width = 0,
-					diff = left.outerWidth(true) - left.width();
+			right.each(function() {
+				width += $(this).outerWidth(true);
+			});
+			left.css('max-width', Math.floor($this.width() - width - diff) + 'px');
+		}
 
-				right.each(function() {
-					width += $(this).outerWidth(true);
-				});
-				left.css('max-width', Math.floor($this.width() - width - diff) + 'px');
-			}
+		resize();
+		$(window).resize(resize);
+	});
 
-			resize();
-			$(window).resize(resize);
+	/**
+	* Makes breadcrumbs responsive
+	*/
+	container.find('.breadcrumbs:not(.skip-responsive, .linklist.leftside .breadcrumbs)').each(function() {
+		var $this = $(this),
+			$body = $('body'),
+			links = $this.find('.crumb'),
+			length = links.length,
+			classes = ['wrapped-wide', 'wrapped-medium', 'wrapped-small'],
+			classesLength = classes.length,
+			maxHeight = 0,
+			lastWidth = false,
+			wrapped = false;
+
+		// Test height by setting nowrap
+		$this.css('white-space', 'nowrap');
+		maxHeight = $this.height() + 1;
+		$this.css('white-space', '');
+
+		// Set tooltips
+		$this.find('a').each(function() {
+			var $link = $(this);
+			$link.attr('title', $link.text());
 		});
 
-		// Responsive breadcrumbs
-		$('.breadcrumbs:not(.skip-responsive, .linklist.leftside .breadcrumbs)').each(function() {
-			var $this = $(this),
-				$body = $('body'),
-				links = $this.find('.crumb'),
-				length = links.length,
-				classes = ['wrapped-wide', 'wrapped-medium', 'wrapped-small'],
-				classesLength = classes.length,
-				maxHeight = 0,
-				lastWidth = false,
-				wrapped = false;
-
-			// Test height by setting nowrap
-			$this.css('white-space', 'nowrap');
-			maxHeight = $this.height() + 1;
-			$this.css('white-space', '');
-
-			// Set tooltips
-			$this.find('a').each(function() {
-				var $link = $(this);
-				$link.attr('title', $link.text());
-			});
+		// Funciton that checks breadcrumbs
+		function check() {
+			var height = $this.height(),
+				width = $body.width(),
+				link, i, j;
 
-			// Funciton that checks breadcrumbs
-			function check() {
-				var height = $this.height(),
-					width = $body.width(),
-					link, i, j;
+			if (height <= maxHeight) {
+				if (!wrapped || lastWidth === false || lastWidth >= width) {
+					lastWidth = width;
+					return;
+				}
+			}
+			lastWidth = width;
 
-				if (height <= maxHeight) {
-					if (!wrapped || lastWidth === false || lastWidth >= width) {
-						lastWidth = width;
-						return;
-					}
+			if (wrapped) {
+				$this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' '));
+				wrapped = false;
+				if ($this.height() <= maxHeight) {
+					return;
 				}
-				lastWidth = width;
+			}
 
-				if (wrapped) {
-					$this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' '));
-					wrapped = false;
+			wrapped = true;
+			$this.addClass('wrapped');
+			if ($this.height() <= maxHeight) {
+				return;
+			}
+
+			for (i = 0; i < classesLength; i ++) {
+				for (j = length - 1; j >= 0; j --) {
+					links.eq(j).addClass('wrapped ' + classes[i]);
 					if ($this.height() <= maxHeight) {
 						return;
 					}
 				}
+			}
+		}
 
-				wrapped = true;
-				$this.addClass('wrapped');
-				if ($this.height() <= maxHeight) {
-					return;
-				}
+		// Run function and set event
+		check();
+		$(window).resize(check);
+	});
 
-				for (i = 0; i < classesLength; i ++) {
-					for (j = length - 1; j >= 0; j --) {
-						links.eq(j).addClass('wrapped ' + classes[i]);
-						if ($this.height() <= maxHeight) {
-							return;
-						}
-					}
-				}
+	/**
+	* Adjust topiclist lists with check boxes
+	*/
+	container.find('ul.topiclist dd.mark').siblings('dt').children('.list-inner').addClass('with-mark');
+
+	/**
+	* Appends contents of all extra columns to first column in
+	* .topiclist lists for mobile devices. Copies contents as is.
+	*
+	* To add that functionality to .topiclist list simply add
+	* responsive-show-all to list of classes
+	*/
+	container.find('.topiclist.responsive-show-all > li > dl').each(function() {
+		var $this = $(this),
+			block = $this.find('dt .responsive-show:last-child'),
+			first = true;
+
+		// Create block that is visible only on mobile devices
+		if (!block.length) {
+			$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
+			block = $this.find('dt .responsive-show:last-child');
+		}
+		else {
+			first = (block.text().trim().length == 0);
+		}
+
+		// Copy contents of each column
+		$this.find('dd').not('.mark').each(function() {
+			var column = $(this),
+				children = column.children(),
+				html = column.html();
+
+			if (children.length == 1 && children.text() == column.text()) {
+				html = children.html();
 			}
 
-			// Run function and set event
-			check();
-			$(window).resize(check);
+			block.append((first ? '' : '<br />') + html);
+
+			first = false;
 		});
+	});
+
+	/**
+	* Same as above, but prepends text from header to each
+	* column before contents of that column.
+	*
+	* To add that functionality to .topiclist list simply add
+	* responsive-show-columns to list of classes
+	*/
+	container.find('.topiclist.responsive-show-columns').each(function() {
+		var list = $(this),
+			headers = [],
+			headersLength = 0;
+
+		// Find all headers, get contents
+		list.prev('.topiclist').find('li.header dd').not('.mark').each(function() {
+			headers.push($(this).text());
+			headersLength ++;
+		});
+
+		if (!headersLength) {
+			return;
+		}
 
-		// Responsive topic lists
-		$('.topiclist.responsive-show-all > li > dl').each(function() {
+		// Parse each row
+		list.find('dl').each(function() {
 			var $this = $(this),
 				block = $this.find('dt .responsive-show:last-child'),
 				first = true;
 
+			// Create block that is visible only on mobile devices
 			if (!block.length) {
 				$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
 				block = $this.find('dt .responsive-show:last-child');
@@ -550,7 +615,8 @@ function insert_single_user(formId, user)
 				first = (block.text().trim().length == 0);
 			}
 
-			$this.find('dd').not('.mark').each(function() {
+			// Copy contents of each column
+			$this.find('dd').not('.mark').each(function(i) {
 				var column = $(this),
 					children = column.children(),
 					html = column.html();
@@ -559,326 +625,327 @@ function insert_single_user(formId, user)
 					html = children.html();
 				}
 
+				// Prepend contents of matching header before contents of column
+				if (i < headersLength) {
+					html = headers[i] + ': <strong>' + html + '</strong>';
+				}
+
 				block.append((first ? '' : '<br />') + html);
 
 				first = false;
 			});
 		});
+	});
 
-		$('.topiclist.responsive-show-columns').each(function() {
-			var list = $(this),
-				headers = [],
-				headersLength = 0;
-
-			list.prev('.topiclist').find('li.header dd').not('.mark').each(function() {
-				headers.push($(this).text());
-				headersLength ++;
-			});
-
-			if (!headersLength) {
-				return;
+	/**
+	* Responsive tables
+	*/
+	container.find('table.table1').not('.not-responsive').each(function() {
+		var $this = $(this),
+			th = $this.find('thead > tr > th'),
+			columns = th.length,
+			headers = [],
+			totalHeaders = 0,
+			i, headersLength;
+
+		// Find each header
+		th.each(function(column) {
+			var cell = $(this),
+				colspan = parseInt(cell.attr('colspan')),
+				dfn = cell.attr('data-dfn'),
+				text = dfn ? dfn : cell.text();
+
+			colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;
+
+			for (i=0; i<colspan; i++) {
+				headers.push(text);
 			}
+			totalHeaders ++;
 
-			list.find('dl').each(function() {
-				var $this = $(this),
-					block = $this.find('dt .responsive-show:last-child'),
-					first = true;
-
-				if (!block.length) {
-					$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
-					block = $this.find('dt .responsive-show:last-child');
-				}
-				else {
-					first = (block.text().trim().length == 0);
-				}
-
-				$this.find('dd').not('.mark').each(function(i) {
-					var column = $(this),
-						children = column.children(),
-						html = column.html();
+			if (dfn && !column) {
+				$this.addClass('show-header');
+			}
+		});
+		
+		headersLength = headers.length;
 
-					if (children.length == 1 && children.text() == column.text()) {
-						html = children.html();
-					}
+		// Add header text to each cell as <dfn>
+		$this.addClass('responsive');
 
-					if (i < headersLength) {
-						html = headers[i] + ': <strong>' + html + '</strong>';
-					}
+		if (totalHeaders < 2) {
+			$this.addClass('show-header');
+			return;
+		}
 
-					block.append((first ? '' : '<br />') + html);
+		$this.find('tbody > tr').each(function() {
+			var row = $(this),
+				cells = row.children('td'),
+				column = 0;
 
-					first = false;
-				});
-			});
-		});
+			if (cells.length == 1) {
+				row.addClass('big-column');
+				return;
+			}
 
-		// Responsive tables
-		$('table.table1').not('.not-responsive').each(function() {
-			var $this = $(this),
-				th = $this.find('thead > tr > th'),
-				columns = th.length,
-				headers = [],
-				totalHeaders = 0,
-				i, headersLength;
-
-			// Find each header
-			th.each(function(column) {
+			cells.each(function() {
 				var cell = $(this),
 					colspan = parseInt(cell.attr('colspan')),
-					dfn = cell.attr('data-dfn'),
-					text = dfn ? dfn : cell.text();
-
-				colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;
+					text = cell.text().trim();
 
-				for (i=0; i<colspan; i++) {
-					headers.push(text);
+				if (headersLength <= column) {
+					return;
 				}
-				totalHeaders ++;
 
-				if (dfn && !column) {
-					$this.addClass('show-header');
+				if (text.length && text !== '-') {
+					cell.prepend('<dfn style="display: none;">' + headers[column] + '</dfn>');
+				}
+				else {
+					cell.addClass('empty');
 				}
+
+				colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;
+				column += colspan;
 			});
-			
-			headersLength = headers.length;
+		});
+	});
 
-			// Add header text to each cell as <dfn>
-			$this.addClass('responsive');
+	/**
+	* Hide empty responsive tables
+	*/
+	container.find('table.responsive > tbody').each(function() {
+		var items = $(this).children('tr');
+		if (items.length == 0)
+		{
+			$(this).parent('table:first').addClass('responsive-hide');
+		}
+	});
 
-			if (totalHeaders < 2) {
-				$this.addClass('show-header');
+	/**
+	* Responsive link lists
+	*/
+	container.find('.linklist:not(.navlinks, .skip-responsive), .postbody ul.profile-icons:not(.skip-responsive)').each(function() {
+		var $this = $(this),
+			$body = $('body'),
+			links = $this.children().not('.skip-responsive'),
+			html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><ul class="responsive-popup" style="display:none;" /></li>',
+			// List of items that should be hidden last
+			filterString = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .breadcrumbs, .edit-icon, .quote-icon',
+			filtered = links.filter(filterString);
+
+		if (links.is('.rightside'))
+		{
+			links.filter('.rightside:first').before(html);
+		}
+		else
+		{
+			$this.append(html);
+		}
+
+		var toggle = $this.children('.responsive-menu'),
+			toggleLink = toggle.find('a.responsive-menu-link'),
+			menu = toggle.find('ul.responsive-popup'),
+			lastWidth = false,
+			compact = false,
+			responsive = false,
+			copied = false;
+
+		function check() {
+			var width = $body.width();
+			if (responsive && width <= lastWidth) {
 				return;
 			}
 
-			$this.find('tbody > tr').each(function() {
-				var row = $(this),
-					cells = row.children('td'),
-					column = 0;
-
-				if (cells.length == 1) {
-					row.addClass('big-column');
-					return;
-				}
-
-				cells.each(function() {
-					var cell = $(this),
-						colspan = parseInt(cell.attr('colspan')),
-						text = cell.text().trim();
-
-					if (headersLength <= column) {
-						return;
-					}
+			// Reset responsive and compact layout
+			if (responsive) {
+				responsive = false;
+				$this.removeClass('responsive');
+				links.css('display', '');
+				toggle.css('display', 'none');
+			}
 
-					if (text.length && text !== '-') {
-						cell.prepend('<dfn style="display: none;">' + headers[column] + '</dfn>');
-					}
-					else {
-						cell.addClass('empty');
-					}
+			if (compact) {
+				compact = false;
+				$this.removeClass('compact');
+			}
 
-					colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;
-					column += colspan;
-				});
+			// Find tallest element
+			var maxHeight = 0;
+			links.each(function() {
+				if (!$(this).height()) return;
+				maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
 			});
-		});
 
-		// Responsive link lists
-		$('.linklist:not(.navlinks, .skip-responsive), .postbody ul.profile-icons:not(.skip-responsive)').each(function() {
-			var $this = $(this),
-				$body = $('body'),
-				links = $this.children().not('.skip-responsive'),
-				html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><ul class="responsive-popup" style="display:none;" /></li>',
-				// List of items that should be hidden last
-				filterString = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .breadcrumbs, .edit-icon, .quote-icon',
-				filtered = links.filter(filterString);
-
-			if (links.is('.rightside'))
-			{
-				links.filter('.rightside:first').before(html);
+			if (maxHeight < 1) {
+				return;
 			}
-			else
-			{
-				$this.append(html);
+
+			// Nothing to resize if block's height is not bigger than tallest element's height
+			if ($this.height() <= maxHeight) {
+				toggle.removeClass('visible');
+				menu.hide();
+				return;
 			}
 
-			var toggle = $this.children('.responsive-menu'),
-				toggleLink = toggle.find('a.responsive-menu-link'),
-				menu = toggle.find('ul.responsive-popup'),
-				lastWidth = false,
-				compact = false,
-				responsive = false,
-				copied = false;
-
-			function check() {
-				var width = $body.width();
-				if (responsive && width <= lastWidth) {
-					return;
-				}
+			// Enable compact layout, find tallest element, compare to height of whole block
+			compact = true;
+			$this.addClass('compact');
 
-				// Reset responsive and compact layout
-				if (responsive) {
-					responsive = false;
-					$this.removeClass('responsive');
-					links.css('display', '');
-					toggle.css('display', 'none');
-				}
+			var compactMaxHeight = 0;
+			links.each(function() {
+				if (!$(this).height()) return;
+				compactMaxHeight = Math.max(compactMaxHeight, $(this).outerHeight(true));
+			});
 
-				if (compact) {
-					compact = false;
-					$this.removeClass('compact');
-				}
+			if ($this.height() <= maxHeight) {
+				toggle.removeClass('visible');
+				menu.hide();
+				return;
+			}
 
-				// Find tallest element
-				var maxHeight = 0;
-				links.each(function() {
-					if (!$(this).height()) return;
-					maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
-				});
+			// Compact layout did not resize block enough, switch to responsive layout
+			compact = false;
+			$this.removeClass('compact');
+			responsive = true;
 
-				if (maxHeight < 1) {
-					return;
+			if (!copied) {
+				if (menu.parents().is('.rightside')) {
+					menu.addClass('responsive-rightside');
 				}
+				menu.append(links.clone(true));
+				menu.find('li.leftside, li.rightside').removeClass('leftside rightside');
+				menu.find('.inputbox').parents('li:first').css('white-space', 'normal');
+				copied = true;
+			}
+			else {
+				menu.children().css('display', '');
+			}
 
-				// Nothing to resize if block's height is not bigger than tallest element's height
-				if ($this.height() <= maxHeight) {
-					toggle.removeClass('visible');
-					menu.hide();
-					return;
-				}
+			toggle.css('display', '');
+			$this.addClass('responsive');
 
-				// Enable compact layout, find tallest element, compare to height of whole block
-				compact = true;
-				$this.addClass('compact');
+			// Try to not hide filtered items
+			if (filtered.length) {
+				links.not(filterString).css('display', 'none');
 
-				var compactMaxHeight = 0;
-				links.each(function() {
+				maxHeight = 0;
+				filtered.each(function() {
 					if (!$(this).height()) return;
-					compactMaxHeight = Math.max(compactMaxHeight, $(this).outerHeight(true));
+					maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
 				});
 
 				if ($this.height() <= maxHeight) {
-					toggle.removeClass('visible');
-					menu.hide();
+					menu.children().filter(filterString).css('display', 'none');
 					return;
 				}
+			}
 
-				// Compact layout did not resize block enough, switch to responsive layout
-				compact = false;
-				$this.removeClass('compact');
-				responsive = true;
-
-				if (!copied) {
-					if (menu.parents().is('.rightside')) {
-						menu.addClass('responsive-rightside');
-					}
-					menu.append(links.clone(true));
-					menu.find('li.leftside, li.rightside').removeClass('leftside rightside');
-					menu.find('.inputbox').parents('li:first').css('white-space', 'normal');
-					copied = true;
-				}
-				else {
-					menu.children().css('display', '');
-				}
-
-				toggle.css('display', '');
-				$this.addClass('responsive');
+			links.css('display', 'none');
+		}
 
-				// Try to not hide filtered items
-				if (filtered.length) {
-					links.not(filterString).css('display', 'none');
+		toggleLink.click(function() {
+			if (!responsive) return;
+			if (!toggle.hasClass('visible')) {
+				// Hide other popups
+				$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup').hide();
+			}
+			toggle.toggleClass('visible');
+			menu.toggle();
+		});
 
-					maxHeight = 0;
-					filtered.each(function() {
-						if (!$(this).height()) return;
-						maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
-					});
+		check();
+		$(window).resize(check);
+	});
 
-					if ($this.height() <= maxHeight) {
-						menu.children().filter(filterString).css('display', 'none');
-						return;
-					}
-				}
+	/**
+	* Responsive tabs
+	*/
+	container.find('#tabs, #minitabs').not('.skip-responsive').each(function() {
+		var $this = $(this),
+			$body = $('body'),
+			ul = $this.children(),
+			tabs = ul.children().not('.skip-responsive'),
+			links = tabs.children('a'),
+			toggle = ul.append('<li class="responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link"><span>&nbsp;</span></a><ul class="responsive-tabs" style="display:none;" /></li>').find('li.responsive-tab'),
+			toggleLink = toggle.find('a.responsive-tab-link'),
+			menu = toggle.find('ul.responsive-tabs'),
+			maxHeight = 0,
+			lastWidth = false,
+			responsive = false;
+
+		links.each(function() {
+			maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
+		})
+
+		function check() {
+			var width = $body.width(),
+				height = $this.height();
 
-				links.css('display', 'none');
+			if (arguments.length == 0 && (!responsive || width <= lastWidth) && height <= maxHeight) {
+				return;
 			}
 
-			toggleLink.click(function() {
-				if (!responsive) return;
-				if (!toggle.hasClass('visible')) {
-					// Hide other popups
-					$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup').hide();
-				}
-				toggle.toggleClass('visible');
-				menu.toggle();
-			});
+			tabs.show();
+			toggle.hide();
 
-			check();
-			$(window).resize(check);
-		});
-
-		// Responsive tabs
-		$('#tabs, #minitabs').not('.skip-responsive').each(function() {
-			var $this = $(this),
-				$body = $('body'),
-				ul = $this.children(),
-				tabs = ul.children().not('.skip-responsive'),
-				links = tabs.children('a'),
-				toggle = ul.append('<li class="responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link"><span>&nbsp;</span></a><ul class="responsive-tabs" style="display:none;" /></li>').find('li.responsive-tab'),
-				toggleLink = toggle.find('a.responsive-tab-link'),
-				menu = toggle.find('ul.responsive-tabs'),
-				maxHeight = 0,
-				lastWidth = false,
+			lastWidth = width;
+			height = $this.height();
+			if (height <= maxHeight) {
 				responsive = false;
+				return;
+			}
 
-			links.each(function() {
-				maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
-			})
-
-			function check() {
-				var width = $body.width(),
-					height = $this.height();
-
-				if (arguments.length == 0 && (!responsive || width <= lastWidth) && height <= maxHeight) {
-					return;
-				}
+			responsive = true;
+			toggle.show();
+			menu.hide().html('');
 
-				tabs.show();
-				toggle.hide();
+			var availableTabs = tabs.filter(':not(.activetab, .responsive-tab)'),
+				total = availableTabs.length,
+				i, tab;
 
-				lastWidth = width;
-				height = $this.height();
-				if (height <= maxHeight) {
-					responsive = false;
+			for (i = total - 1; i >= 0; i --) {
+				tab = availableTabs.eq(i);
+				menu.prepend(tab.clone(true));
+				tab.hide();
+				if ($this.height() <= maxHeight) {
+					menu.find('a').click(function() { check(true); });
 					return;
 				}
+			}
+			menu.find('a').click(function() { check(true); });
+		}
 
-				responsive = true;
-				toggle.show();
-				menu.hide().html('');
+		toggleLink.click(function() {
+			if (!responsive) return;
+			menu.toggle();
+		});
 
-				var availableTabs = tabs.filter(':not(.activetab, .responsive-tab)'),
-					total = availableTabs.length,
-					i, tab;
+		check(true);
+		$(window).resize(check);
+	});
 
-				for (i = total - 1; i >= 0; i --) {
-					tab = availableTabs.eq(i);
-					menu.prepend(tab.clone(true));
-					tab.hide();
-					if ($this.height() <= maxHeight) {
-						menu.find('a').click(function() { check(true); });
-						return;
-					}
-				}
-				menu.find('a').click(function() { check(true); });
-			}
+	/**
+	 * Hide UCP/MCP navigation if there is only 1 item
+	 */
+	container.find('#navigation').each(function() {
+		var items = $(this).children('ol, ul').children('li');
+		if (items.length == 1)
+		{
+			$(this).addClass('responsive-hide');
+		}
+	});
+}
 
-			toggleLink.click(function() {
-				if (!responsive) return;
-				menu.toggle();
-			});
+/**
+* Run onload functions
+*/
+(function($) {
+	$(document).ready(function() {
+		// Swap .nojs and .hasjs
+		$('#phpbb.nojs').toggleClass('nojs hasjs');
 
-			check(true);
-			$(window).resize(check);
+		// Focus forms
+		$('form[data-focus]:first').each(function() {
+			$('#' + this.getAttribute('data-focus')).focus();
 		});
 
 		// Hide responsive menu and tabs
@@ -892,22 +959,6 @@ function insert_single_user(formId, user)
 			}
 		});
 
-		// Hide *CP navigation if there is only 1 item
-		$('#navigation').each(function() {
-			var items = $(this).children('ol, ul').children('li');
-			if (items.length == 1)
-			{
-				$(this).addClass('responsive-hide');
-			}
-		});
-
-		// Hide empty responsive tables
-		$('table.responsive > tbody').each(function() {
-			var items = $(this).children('tr');
-			if (items.length == 0)
-			{
-				$(this).parent('table:first').addClass('responsive-hide');
-			}
-		});
+		parse_document($('body'));
 	});
 })(jQuery);
-- 
cgit v1.2.1


From 5e67c41629c2234820b9355b06a9846d7698e313 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Tue, 22 Oct 2013 11:16:25 +0300
Subject: [ticket/11956] Better responsive breadcrumbs

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index cb8ee2f9df..8cd4880914 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -471,12 +471,12 @@ function parse_document(container)
 	/**
 	* Makes breadcrumbs responsive
 	*/
-	container.find('.breadcrumbs:not(.skip-responsive, .linklist.leftside .breadcrumbs)').each(function() {
+	container.find('.breadcrumbs:not(.skip-responsive)').each(function() {
 		var $this = $(this),
 			$body = $('body'),
 			links = $this.find('.crumb'),
 			length = links.length,
-			classes = ['wrapped-wide', 'wrapped-medium', 'wrapped-small'],
+			classes = ['wrapped-max', 'wrapped-wide', 'wrapped-medium', 'wrapped-small', 'wrapped-tiny'],
 			classesLength = classes.length,
 			maxHeight = 0,
 			lastWidth = false,
@@ -726,11 +726,11 @@ function parse_document(container)
 	container.find('.linklist:not(.navlinks, .skip-responsive), .postbody ul.profile-icons:not(.skip-responsive)').each(function() {
 		var $this = $(this),
 			$body = $('body'),
-			links = $this.children().not('.skip-responsive'),
+			filterSkip = '.breadcrumbs, .skip-responsive',
+			filterLast = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .edit-icon, .quote-icon',
+			links = $this.children().not(filterSkip),
 			html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><ul class="responsive-popup" style="display:none;" /></li>',
-			// List of items that should be hidden last
-			filterString = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .breadcrumbs, .edit-icon, .quote-icon',
-			filtered = links.filter(filterString);
+			filterLastList = links.filter(filterLast);
 
 		if (links.is('.rightside'))
 		{
@@ -824,17 +824,17 @@ function parse_document(container)
 			$this.addClass('responsive');
 
 			// Try to not hide filtered items
-			if (filtered.length) {
-				links.not(filterString).css('display', 'none');
+			if (filterLastList.length) {
+				links.not(filterLast).css('display', 'none');
 
 				maxHeight = 0;
-				filtered.each(function() {
+				filterLastList.each(function() {
 					if (!$(this).height()) return;
 					maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
 				});
 
 				if ($this.height() <= maxHeight) {
-					menu.children().filter(filterString).css('display', 'none');
+					menu.children().filter(filterLast).css('display', 'none');
 					return;
 				}
 			}
-- 
cgit v1.2.1


From 1638ff3cba881eb7bce2ffc29946db0644feaff2 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Tue, 22 Oct 2013 22:03:43 +0300
Subject: [ticket/11956] Arrow for responsive popup

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 8cd4880914..2e0cf7bfea 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -729,7 +729,7 @@ function parse_document(container)
 			filterSkip = '.breadcrumbs, .skip-responsive',
 			filterLast = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .edit-icon, .quote-icon',
 			links = $this.children().not(filterSkip),
-			html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><ul class="responsive-popup" style="display:none;" /></li>',
+			html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><div class="popup-pointer" style="display: none;"><div class="popup-pointer-inner" /></div><ul class="responsive-popup" style="display:none;" /></li>',
 			filterLastList = links.filter(filterLast);
 
 		if (links.is('.rightside'))
@@ -744,6 +744,7 @@ function parse_document(container)
 		var toggle = $this.children('.responsive-menu'),
 			toggleLink = toggle.find('a.responsive-menu-link'),
 			menu = toggle.find('ul.responsive-popup'),
+			toggleItems = toggle.find('ul.responsive-popup, div.popup-pointer'),
 			lastWidth = false,
 			compact = false,
 			responsive = false,
@@ -782,7 +783,7 @@ function parse_document(container)
 			// Nothing to resize if block's height is not bigger than tallest element's height
 			if ($this.height() <= maxHeight) {
 				toggle.removeClass('visible');
-				menu.hide();
+				toggleItems.hide();
 				return;
 			}
 
@@ -798,7 +799,7 @@ function parse_document(container)
 
 			if ($this.height() <= maxHeight) {
 				toggle.removeClass('visible');
-				menu.hide();
+				toggleItems.hide();
 				return;
 			}
 
@@ -809,7 +810,7 @@ function parse_document(container)
 
 			if (!copied) {
 				if (menu.parents().is('.rightside')) {
-					menu.addClass('responsive-rightside');
+					toggle.addClass('responsive-rightside');
 				}
 				menu.append(links.clone(true));
 				menu.find('li.leftside, li.rightside').removeClass('leftside rightside');
@@ -846,10 +847,10 @@ function parse_document(container)
 			if (!responsive) return;
 			if (!toggle.hasClass('visible')) {
 				// Hide other popups
-				$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup').hide();
+				$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup, .popup-pointer').hide();
 			}
 			toggle.toggleClass('visible');
-			menu.toggle();
+			toggleItems.toggle();
 		});
 
 		check();
@@ -952,7 +953,7 @@ function parse_document(container)
 		$('#phpbb').click(function(e) {
 			var parents = $(e.target).parents();
 			if (!parents.is('.responsive-menu.visible')) {
-				$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup').hide();
+				$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup, .popup-pointer').hide();
 			}
 			if (!parents.is('.responsive-tab')) {
 				$('.responsive-tabs').hide();
-- 
cgit v1.2.1


From 11157e4f033d9fe1e241a4ff13e2ad8516024d5e Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Tue, 22 Oct 2013 23:34:20 +0300
Subject: [ticket/11956] Fix responsive linkslist bug

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 2e0cf7bfea..9c1d860e98 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -728,7 +728,8 @@ function parse_document(container)
 			$body = $('body'),
 			filterSkip = '.breadcrumbs, .skip-responsive',
 			filterLast = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .edit-icon, .quote-icon',
-			links = $this.children().not(filterSkip),
+			allLinks = $this.children(),
+			links = allLinks.not(filterSkip),
 			html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><div class="popup-pointer" style="display: none;"><div class="popup-pointer-inner" /></div><ul class="responsive-popup" style="display:none;" /></li>',
 			filterLastList = links.filter(filterLast);
 
@@ -771,8 +772,9 @@ function parse_document(container)
 
 			// Find tallest element
 			var maxHeight = 0;
-			links.each(function() {
+			allLinks.each(function() {
 				if (!$(this).height()) return;
+				$(this).attr('data-height', $(this).outerHeight(true));
 				maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
 			});
 
@@ -792,7 +794,7 @@ function parse_document(container)
 			$this.addClass('compact');
 
 			var compactMaxHeight = 0;
-			links.each(function() {
+			allLinks.each(function() {
 				if (!$(this).height()) return;
 				compactMaxHeight = Math.max(compactMaxHeight, $(this).outerHeight(true));
 			});
-- 
cgit v1.2.1


From c2f5ab3c6bdafff7fef982ee3dc414c452073c61 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Wed, 23 Oct 2013 15:21:07 +0300
Subject: [ticket/11956] Change .skip-responsive to data attribute

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 9c1d860e98..b46a2baaf5 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -471,7 +471,7 @@ function parse_document(container)
 	/**
 	* Makes breadcrumbs responsive
 	*/
-	container.find('.breadcrumbs:not(.skip-responsive)').each(function() {
+	container.find('.breadcrumbs:not([data-skip-responsive])').each(function() {
 		var $this = $(this),
 			$body = $('body'),
 			links = $this.find('.crumb'),
@@ -723,10 +723,10 @@ function parse_document(container)
 	/**
 	* Responsive link lists
 	*/
-	container.find('.linklist:not(.navlinks, .skip-responsive), .postbody ul.profile-icons:not(.skip-responsive)').each(function() {
+	container.find('.linklist:not(.navlinks, [data-skip-responsive]), .postbody ul.profile-icons:not([data-skip-responsive])').each(function() {
 		var $this = $(this),
 			$body = $('body'),
-			filterSkip = '.breadcrumbs, .skip-responsive',
+			filterSkip = '.breadcrumbs, [data-skip-responsive]',
 			filterLast = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .edit-icon, .quote-icon',
 			allLinks = $this.children(),
 			links = allLinks.not(filterSkip),
@@ -862,11 +862,11 @@ function parse_document(container)
 	/**
 	* Responsive tabs
 	*/
-	container.find('#tabs, #minitabs').not('.skip-responsive').each(function() {
+	container.find('#tabs, #minitabs').not('[data-skip-responsive]').each(function() {
 		var $this = $(this),
 			$body = $('body'),
 			ul = $this.children(),
-			tabs = ul.children().not('.skip-responsive'),
+			tabs = ul.children().not('[data-skip-responsive]'),
 			links = tabs.children('a'),
 			toggle = ul.append('<li class="responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link"><span>&nbsp;</span></a><ul class="responsive-tabs" style="display:none;" /></li>').find('li.responsive-tab'),
 			toggleLink = toggle.find('a.responsive-tab-link'),
-- 
cgit v1.2.1


From 016958ea5e64d291b73beb16db10fdd7e2e7a089 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Wed, 23 Oct 2013 22:53:10 +0300
Subject: [ticket/11956] Reusable dropdown handler

Replace dropdown menu code with reusable handler that
is shared between all types of dropdown menus and can
be used by custom menus by extensions.

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 136 ++++++++++++++++++++--------
 1 file changed, 96 insertions(+), 40 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index b46a2baaf5..1169c9f2dc 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -409,6 +409,83 @@ function insert_single_user(formId, user)
 	self.close();
 }
 
+/**
+* Dropdown handler
+* Shows/hides dropdown, decides which side to open to
+*
+* @param [jQuery] toggle Link that toggles dropdown
+* @param [jQuery] dropdown Dropdown menu
+* @param [Object] [options] List of options
+*/
+function toggle_dropdown()
+{
+	var $this = $(this),
+		options = $this.data('dropdown-options'),
+		parent = options.parent,
+		visible = parent.hasClass('dropdown-visible');
+
+	if (!visible) {
+		// Hide other dropdown menus
+		$('.dropdown-container.dropdown-visible .dropdown-toggle').each(toggle_dropdown);
+
+		// Figure out direction of dropdown
+		var direction = options.direction,
+			verticalDirection = options.verticalDirection,
+			offset = $this.offset();
+
+		if (direction == 'auto') {
+			if (($(window).width() - $this.outerWidth(true)) / 2 > offset.left) {
+				direction = 'right';
+			}
+			else {
+				direction = 'left';
+			}
+		}
+		parent.toggleClass(options.leftClass, direction == 'left').toggleClass(options.rightClass, direction == 'right');
+
+		if (verticalDirection == 'auto') {
+			var height = $(window).height(),
+				top = offset.top - $(window).scrollTop();
+
+			if (top < height * 0.7) {
+				verticalDirection = 'down';
+			}
+			else {
+				verticalDirection = 'up';
+			}
+		}
+		parent.toggleClass(options.upClass, verticalDirection == 'up').toggleClass(options.downClass, verticalDirection == 'down');
+	}
+
+	options.dropdown.toggle();
+	parent.toggleClass(options.visibleClass, !visible).toggleClass('dropdown-visible', !visible);
+}
+
+function register_dropdown(toggle, dropdown, options)
+{
+	var ops = {
+			parent: toggle.parent(), // Parent item to add classes to
+			direction: 'auto', // Direction of dropdown menu. Possible values: auto, left, right
+			verticalDirection: 'auto', // Vertical direction. Possible values: auto, up, down
+			visibleClass: 'visible', // Class to add to parent item when dropdown is visible
+			leftClass: 'dropdown-left', // Class to add to parent item when dropdown opens to left side
+			rightClass: 'dropdown-right', // Class to add to parent item when dropdown opens to right side
+			upClass: 'dropdown-up', // Class to add to parent item when dropdown opens above menu item
+			downClass: 'dropdown-down' // Class to add to parent item when dropdown opens below menu item
+		};
+	if (options) {
+		ops = $.extend(ops, options);
+	}
+	ops.dropdown = dropdown;
+
+	ops.parent.addClass('dropdown-container');
+	toggle.addClass('dropdown-toggle');
+
+	toggle.data('dropdown-options', ops);
+
+	toggle.click(toggle_dropdown);
+}
+
 /**
 * Parse document block
 */
@@ -730,7 +807,7 @@ function parse_document(container)
 			filterLast = '.pagination, .icon-notifications, .icon-pm, .icon-logout, .icon-login, .mark-read, .edit-icon, .quote-icon',
 			allLinks = $this.children(),
 			links = allLinks.not(filterSkip),
-			html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><div class="popup-pointer" style="display: none;"><div class="popup-pointer-inner" /></div><ul class="responsive-popup" style="display:none;" /></li>',
+			html = '<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><div class="dropdown" style="display:none;"><div class="pointer"><div class="pointer-inner" /></div><ul class="dropdown-contents" /></div></li>',
 			filterLastList = links.filter(filterLast);
 
 		if (links.is('.rightside'))
@@ -742,10 +819,8 @@ function parse_document(container)
 			$this.append(html);
 		}
 
-		var toggle = $this.children('.responsive-menu'),
-			toggleLink = toggle.find('a.responsive-menu-link'),
-			menu = toggle.find('ul.responsive-popup'),
-			toggleItems = toggle.find('ul.responsive-popup, div.popup-pointer'),
+		var item = $this.children('.responsive-menu'),
+			menu = item.find('.dropdown-contents'),
 			lastWidth = false,
 			compact = false,
 			responsive = false,
@@ -762,7 +837,7 @@ function parse_document(container)
 				responsive = false;
 				$this.removeClass('responsive');
 				links.css('display', '');
-				toggle.css('display', 'none');
+				item.css('display', 'none');
 			}
 
 			if (compact) {
@@ -774,7 +849,6 @@ function parse_document(container)
 			var maxHeight = 0;
 			allLinks.each(function() {
 				if (!$(this).height()) return;
-				$(this).attr('data-height', $(this).outerHeight(true));
 				maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
 			});
 
@@ -784,8 +858,6 @@ function parse_document(container)
 
 			// Nothing to resize if block's height is not bigger than tallest element's height
 			if ($this.height() <= maxHeight) {
-				toggle.removeClass('visible');
-				toggleItems.hide();
 				return;
 			}
 
@@ -800,8 +872,6 @@ function parse_document(container)
 			});
 
 			if ($this.height() <= maxHeight) {
-				toggle.removeClass('visible');
-				toggleItems.hide();
 				return;
 			}
 
@@ -811,9 +881,6 @@ function parse_document(container)
 			responsive = true;
 
 			if (!copied) {
-				if (menu.parents().is('.rightside')) {
-					toggle.addClass('responsive-rightside');
-				}
 				menu.append(links.clone(true));
 				menu.find('li.leftside, li.rightside').removeClass('leftside rightside');
 				menu.find('.inputbox').parents('li:first').css('white-space', 'normal');
@@ -823,7 +890,7 @@ function parse_document(container)
 				menu.children().css('display', '');
 			}
 
-			toggle.css('display', '');
+			item.css('display', '');
 			$this.addClass('responsive');
 
 			// Try to not hide filtered items
@@ -845,15 +912,7 @@ function parse_document(container)
 			links.css('display', 'none');
 		}
 
-		toggleLink.click(function() {
-			if (!responsive) return;
-			if (!toggle.hasClass('visible')) {
-				// Hide other popups
-				$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup, .popup-pointer').hide();
-			}
-			toggle.toggleClass('visible');
-			toggleItems.toggle();
-		});
+		register_dropdown(item.find('a.responsive-menu-link'), item.find('.dropdown'));
 
 		check();
 		$(window).resize(check);
@@ -868,9 +927,8 @@ function parse_document(container)
 			ul = $this.children(),
 			tabs = ul.children().not('[data-skip-responsive]'),
 			links = tabs.children('a'),
-			toggle = ul.append('<li class="responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link"><span>&nbsp;</span></a><ul class="responsive-tabs" style="display:none;" /></li>').find('li.responsive-tab'),
-			toggleLink = toggle.find('a.responsive-tab-link'),
-			menu = toggle.find('ul.responsive-tabs'),
+			item = ul.append('<li class="responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link"><span>&nbsp;</span></a><div class="dropdown tab-dropdown" style="display: none;"><div class="pointer"><div class="pointer-inner" /></div><ul class="dropdown-contents" /></div></li>').find('li.responsive-tab'),
+			menu = item.find('.dropdown-contents'),
 			maxHeight = 0,
 			lastWidth = false,
 			responsive = false;
@@ -888,18 +946,21 @@ function parse_document(container)
 			}
 
 			tabs.show();
-			toggle.hide();
+			item.hide();
 
 			lastWidth = width;
 			height = $this.height();
 			if (height <= maxHeight) {
 				responsive = false;
+				if (item.hasClass('dropdown-visible')) {
+					toggle_dropdown.call(item.find('a.responsive-tab-link').get(0));
+				}
 				return;
 			}
 
 			responsive = true;
-			toggle.show();
-			menu.hide().html('');
+			item.show();
+			menu.html('');
 
 			var availableTabs = tabs.filter(':not(.activetab, .responsive-tab)'),
 				total = availableTabs.length,
@@ -917,10 +978,7 @@ function parse_document(container)
 			menu.find('a').click(function() { check(true); });
 		}
 
-		toggleLink.click(function() {
-			if (!responsive) return;
-			menu.toggle();
-		});
+		register_dropdown(item.find('a.responsive-tab-link'), item.find('.dropdown'), {visibleClass: 'activetab'});
 
 		check(true);
 		$(window).resize(check);
@@ -951,14 +1009,12 @@ function parse_document(container)
 			$('#' + this.getAttribute('data-focus')).focus();
 		});
 
-		// Hide responsive menu and tabs
+		// Hide active dropdowns when click event happens outside
 		$('#phpbb').click(function(e) {
+
 			var parents = $(e.target).parents();
-			if (!parents.is('.responsive-menu.visible')) {
-				$('.responsive-menu.visible').removeClass('visible').find('.responsive-popup, .popup-pointer').hide();
-			}
-			if (!parents.is('.responsive-tab')) {
-				$('.responsive-tabs').hide();
+			if (!parents.is('.dropdown-container.dropdown-visible')) {
+				$('.dropdown-container.dropdown-visible .dropdown-toggle').each(toggle_dropdown);
 			}
 		});
 
-- 
cgit v1.2.1


From a8f14b9ce365c16292f775c1aa5d08d1afe53978 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Wed, 23 Oct 2013 22:57:16 +0300
Subject: [ticket/11956] Fix docblock for dropdown handler

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 1169c9f2dc..9895510a1b 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -409,14 +409,6 @@ function insert_single_user(formId, user)
 	self.close();
 }
 
-/**
-* Dropdown handler
-* Shows/hides dropdown, decides which side to open to
-*
-* @param [jQuery] toggle Link that toggles dropdown
-* @param [jQuery] dropdown Dropdown menu
-* @param [Object] [options] List of options
-*/
 function toggle_dropdown()
 {
 	var $this = $(this),
@@ -461,6 +453,14 @@ function toggle_dropdown()
 	parent.toggleClass(options.visibleClass, !visible).toggleClass('dropdown-visible', !visible);
 }
 
+/**
+* Dropdown handler
+* Shows/hides dropdown, decides which side to open to
+*
+* @param [jQuery] toggle Link that toggles dropdown
+* @param [jQuery] dropdown Dropdown menu
+* @param [Object] [options] List of options
+*/
 function register_dropdown(toggle, dropdown, options)
 {
 	var ops = {
-- 
cgit v1.2.1


From 31345800078791e74c8935936c8e7edafb2a2797 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Wed, 23 Oct 2013 23:46:29 +0300
Subject: [ticket/11956] More fixes for responsive minitabs

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 9895510a1b..0da3c77d53 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -934,7 +934,8 @@ function parse_document(container)
 			responsive = false;
 
 		links.each(function() {
-			maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
+			var link = $(this);
+			maxHeight = Math.max(maxHeight, Math.max(link.outerHeight(true), link.parent().outerHeight(true)));
 		})
 
 		function check() {
-- 
cgit v1.2.1


From bbb73d6e5cb6375f71793b00d8ef242268da897f Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Thu, 24 Oct 2013 11:43:53 +0300
Subject: [ticket/11956] Move dropdown menu from edges of screen

Also add -webkit prefix to box-sizing

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 0da3c77d53..23dfae9fab 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -451,6 +451,31 @@ function toggle_dropdown()
 
 	options.dropdown.toggle();
 	parent.toggleClass(options.visibleClass, !visible).toggleClass('dropdown-visible', !visible);
+
+	// Check dimensions when showing dropdown
+	// !visible because variable shows state of dropdown before it was toggled
+	if (!visible) {
+		options.dropdown.find('.dropdown-contents').each(function() {
+			var $this = $(this),
+				windowWidth = $(window).width();
+
+			$this.css({
+				marginLeft: 0,
+				left: 0,
+				maxWidth: (windowWidth - 4) + 'px'
+			});
+
+			var offset = $this.offset().left,
+				width = $this.outerWidth(true);
+
+			if (offset < 2) {
+				$this.css('left', (2 - offset) + 'px');
+			}
+			else if ((offset + width + 2) > windowWidth) {
+				$this.css('margin-left', (windowWidth - offset - width - 2) + 'px');
+			}
+		});
+	}
 }
 
 /**
-- 
cgit v1.2.1


From 4639d4fc86a56eccc6ae9e7fa295111535c3fdb7 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Thu, 24 Oct 2013 20:51:58 +0300
Subject: [ticket/11956] Reverse order of .rightside items in dropdown

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 23dfae9fab..b9604c3248 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -906,7 +906,11 @@ function parse_document(container)
 			responsive = true;
 
 			if (!copied) {
-				menu.append(links.clone(true));
+				var clone = links.clone(true);
+				clone.filter('.rightside').each(function() {
+					menu.prepend(this);
+				});
+				menu.prepend(clone.not('.rightside'));
 				menu.find('li.leftside, li.rightside').removeClass('leftside rightside');
 				menu.find('.inputbox').parents('li:first').css('white-space', 'normal');
 				copied = true;
-- 
cgit v1.2.1


From db9ca2fc63ce02031c1cfec2e617a891def62e34 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Fri, 25 Oct 2013 02:20:49 +0300
Subject: [ticket/11956] Fix IE responsive breadcrumbs and navigation icon

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index b9604c3248..3b13211362 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -584,11 +584,6 @@ function parse_document(container)
 			lastWidth = false,
 			wrapped = false;
 
-		// Test height by setting nowrap
-		$this.css('white-space', 'nowrap');
-		maxHeight = $this.height() + 1;
-		$this.css('white-space', '');
-
 		// Set tooltips
 		$this.find('a').each(function() {
 			var $link = $(this);
@@ -601,6 +596,13 @@ function parse_document(container)
 				width = $body.width(),
 				link, i, j;
 
+			maxHeight = parseInt($this.css('line-height')) | 0;
+			links.each(function() {
+				if ($(this).height() > 0) {
+					maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
+				}
+			});
+
 			if (height <= maxHeight) {
 				if (!wrapped || lastWidth === false || lastWidth >= width) {
 					lastWidth = width;
-- 
cgit v1.2.1


From ee4c1ba5a87ae6c15fa187c40ff94939f09ab6a8 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sat, 26 Oct 2013 12:22:33 +0300
Subject: [ticket/11956] Check for children elements in tables

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 3b13211362..35b8290e5c 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -800,7 +800,7 @@ function parse_document(container)
 					return;
 				}
 
-				if (text.length && text !== '-') {
+				if ((text.length && text !== '-') || cell.children().length) {
 					cell.prepend('<dfn style="display: none;">' + headers[column] + '</dfn>');
 				}
 				else {
-- 
cgit v1.2.1


From 368b3f0d9e6af2fe625c2955130399cefb86e41b Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sat, 26 Oct 2013 16:29:37 +0300
Subject: [ticket/11956] Move dropdown handler to assets

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 110 +---------------------------
 1 file changed, 4 insertions(+), 106 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 35b8290e5c..c6301bad15 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -409,108 +409,6 @@ function insert_single_user(formId, user)
 	self.close();
 }
 
-function toggle_dropdown()
-{
-	var $this = $(this),
-		options = $this.data('dropdown-options'),
-		parent = options.parent,
-		visible = parent.hasClass('dropdown-visible');
-
-	if (!visible) {
-		// Hide other dropdown menus
-		$('.dropdown-container.dropdown-visible .dropdown-toggle').each(toggle_dropdown);
-
-		// Figure out direction of dropdown
-		var direction = options.direction,
-			verticalDirection = options.verticalDirection,
-			offset = $this.offset();
-
-		if (direction == 'auto') {
-			if (($(window).width() - $this.outerWidth(true)) / 2 > offset.left) {
-				direction = 'right';
-			}
-			else {
-				direction = 'left';
-			}
-		}
-		parent.toggleClass(options.leftClass, direction == 'left').toggleClass(options.rightClass, direction == 'right');
-
-		if (verticalDirection == 'auto') {
-			var height = $(window).height(),
-				top = offset.top - $(window).scrollTop();
-
-			if (top < height * 0.7) {
-				verticalDirection = 'down';
-			}
-			else {
-				verticalDirection = 'up';
-			}
-		}
-		parent.toggleClass(options.upClass, verticalDirection == 'up').toggleClass(options.downClass, verticalDirection == 'down');
-	}
-
-	options.dropdown.toggle();
-	parent.toggleClass(options.visibleClass, !visible).toggleClass('dropdown-visible', !visible);
-
-	// Check dimensions when showing dropdown
-	// !visible because variable shows state of dropdown before it was toggled
-	if (!visible) {
-		options.dropdown.find('.dropdown-contents').each(function() {
-			var $this = $(this),
-				windowWidth = $(window).width();
-
-			$this.css({
-				marginLeft: 0,
-				left: 0,
-				maxWidth: (windowWidth - 4) + 'px'
-			});
-
-			var offset = $this.offset().left,
-				width = $this.outerWidth(true);
-
-			if (offset < 2) {
-				$this.css('left', (2 - offset) + 'px');
-			}
-			else if ((offset + width + 2) > windowWidth) {
-				$this.css('margin-left', (windowWidth - offset - width - 2) + 'px');
-			}
-		});
-	}
-}
-
-/**
-* Dropdown handler
-* Shows/hides dropdown, decides which side to open to
-*
-* @param [jQuery] toggle Link that toggles dropdown
-* @param [jQuery] dropdown Dropdown menu
-* @param [Object] [options] List of options
-*/
-function register_dropdown(toggle, dropdown, options)
-{
-	var ops = {
-			parent: toggle.parent(), // Parent item to add classes to
-			direction: 'auto', // Direction of dropdown menu. Possible values: auto, left, right
-			verticalDirection: 'auto', // Vertical direction. Possible values: auto, up, down
-			visibleClass: 'visible', // Class to add to parent item when dropdown is visible
-			leftClass: 'dropdown-left', // Class to add to parent item when dropdown opens to left side
-			rightClass: 'dropdown-right', // Class to add to parent item when dropdown opens to right side
-			upClass: 'dropdown-up', // Class to add to parent item when dropdown opens above menu item
-			downClass: 'dropdown-down' // Class to add to parent item when dropdown opens below menu item
-		};
-	if (options) {
-		ops = $.extend(ops, options);
-	}
-	ops.dropdown = dropdown;
-
-	ops.parent.addClass('dropdown-container');
-	toggle.addClass('dropdown-toggle');
-
-	toggle.data('dropdown-options', ops);
-
-	toggle.click(toggle_dropdown);
-}
-
 /**
 * Parse document block
 */
@@ -943,7 +841,7 @@ function parse_document(container)
 			links.css('display', 'none');
 		}
 
-		register_dropdown(item.find('a.responsive-menu-link'), item.find('.dropdown'));
+		phpbb.registerDropdown(item.find('a.responsive-menu-link'), item.find('.dropdown'));
 
 		check();
 		$(window).resize(check);
@@ -985,7 +883,7 @@ function parse_document(container)
 			if (height <= maxHeight) {
 				responsive = false;
 				if (item.hasClass('dropdown-visible')) {
-					toggle_dropdown.call(item.find('a.responsive-tab-link').get(0));
+					phpbb.toggleDropdown.call(item.find('a.responsive-tab-link').get(0));
 				}
 				return;
 			}
@@ -1010,7 +908,7 @@ function parse_document(container)
 			menu.find('a').click(function() { check(true); });
 		}
 
-		register_dropdown(item.find('a.responsive-tab-link'), item.find('.dropdown'), {visibleClass: 'activetab'});
+		phpbb.registerDropdown(item.find('a.responsive-tab-link'), item.find('.dropdown'), {visibleClass: 'activetab'});
 
 		check(true);
 		$(window).resize(check);
@@ -1046,7 +944,7 @@ function parse_document(container)
 
 			var parents = $(e.target).parents();
 			if (!parents.is('.dropdown-container.dropdown-visible')) {
-				$('.dropdown-container.dropdown-visible .dropdown-toggle').each(toggle_dropdown);
+				$('.dropdown-container.dropdown-visible .dropdown-toggle').each(phpbb.toggleDropdown);
 			}
 		});
 
-- 
cgit v1.2.1


From c521380273be66ed99e2f16ba914a033a6bf3250 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sat, 26 Oct 2013 16:35:59 +0300
Subject: [ticket/11956] Move code that hides dropdowns to assets

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 9 ---------
 1 file changed, 9 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index c6301bad15..a01e7fd405 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -939,15 +939,6 @@ function parse_document(container)
 			$('#' + this.getAttribute('data-focus')).focus();
 		});
 
-		// Hide active dropdowns when click event happens outside
-		$('#phpbb').click(function(e) {
-
-			var parents = $(e.target).parents();
-			if (!parents.is('.dropdown-container.dropdown-visible')) {
-				$('.dropdown-container.dropdown-visible .dropdown-toggle').each(phpbb.toggleDropdown);
-			}
-		});
-
 		parse_document($('body'));
 	});
 })(jQuery);
-- 
cgit v1.2.1


From e8b4a50a3d17e812995828e1b274a2b6930389f6 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sat, 26 Oct 2013 20:28:36 +0300
Subject: [ticket/11956] Ability to swap full and responsive text

PHPBB3-11956
---
 phpBB/styles/prosilver/template/forum_fn.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index a01e7fd405..1b2b1954ef 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -924,6 +924,31 @@ function parse_document(container)
 			$(this).addClass('responsive-hide');
 		}
 	});
+
+	/**
+	* Replace responsive text
+	*/
+	container.find('[data-responsive-text]').each(function() {
+		var $this = $(this),
+			fullText = $this.text(),
+			responsiveText = $this.attr('data-responsive-text'),
+			responsive = false;
+
+		function check() {
+			if ($(window).width() > 700) {
+				if (!responsive) return;
+				$this.text(fullText);
+				responsive = false;
+				return;
+			}
+			if (responsive) return;
+			$this.text(responsiveText);
+			responsive = true;
+		}
+
+		check();
+		$(window).resize(check);
+	});
 }
 
 /**
-- 
cgit v1.2.1


From 6b39f3b6a7a4b45b454cf5db9ad71d5d72e5dc8a Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sun, 27 Oct 2013 11:36:19 +0200
Subject: [ticket/11979] Add ability to create dropdown menu to prosilver

PHPBB3-11979
---
 phpBB/styles/prosilver/template/forum_fn.js | 33 +++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 1b2b1954ef..d4653c1be3 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -433,6 +433,39 @@ function parse_document(container)
 		jumpto($(this));
 	});
 
+	/**
+	* Dropdowns
+	*/
+	container.find('.dropdown-container').each(function() {
+		var $this = $(this),
+			trigger = $this.find('.dropdown-trigger:first'),
+			contents = $this.find('.dropdown'),
+			options = {
+				direction: 'auto',
+				verticalDirection: 'auto'
+			},
+			data;
+
+		if (!trigger.length) {
+			data = $this.attr('data-dropdown-trigger');
+			trigger = data ? $this.children(data) : $this.children('a:first');
+		}
+
+		if (!contents.length) {
+			data = $this.attr('data-dropdown-contents');
+			contents = data ? $this.children(data) : $this.children('div:first');
+		}
+
+		if (!trigger.length || !contents.length) return;
+
+		if ($this.hasClass('dropdown-up')) options.verticalDirection = 'up';
+		if ($this.hasClass('dropdown-down')) options.verticalDirection = 'down';
+		if ($this.hasClass('dropdown-left')) options.verticalDirection = 'left';
+		if ($this.hasClass('dropdown-right')) options.verticalDirection = 'right';
+
+		phpbb.registerDropdown(trigger, contents, options);
+	});
+
 	/**
 	* Adjust HTML code for IE8 and older versions		
 	*/
-- 
cgit v1.2.1


From be3bab49460274e9cce5b92b9e66435d1b622a8e Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Wed, 20 Nov 2013 00:17:28 +0200
Subject: [ticket/11979] Fix errors in dropdown

PHPBB3-11979
---
 phpBB/styles/prosilver/template/forum_fn.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'phpBB/styles/prosilver/template/forum_fn.js')

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index d4653c1be3..a45f750a63 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -460,8 +460,8 @@ function parse_document(container)
 
 		if ($this.hasClass('dropdown-up')) options.verticalDirection = 'up';
 		if ($this.hasClass('dropdown-down')) options.verticalDirection = 'down';
-		if ($this.hasClass('dropdown-left')) options.verticalDirection = 'left';
-		if ($this.hasClass('dropdown-right')) options.verticalDirection = 'right';
+		if ($this.hasClass('dropdown-left')) options.direction = 'left';
+		if ($this.hasClass('dropdown-right')) options.direction = 'right';
 
 		phpbb.registerDropdown(trigger, contents, options);
 	});
-- 
cgit v1.2.1