From 87194d600002a3df93fa2015c442996c43192cc8 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sun, 20 Oct 2013 11:50:47 +0300
Subject: [PATCH] [ticket/11552] Better responsive post buttons

PHPBB3-11552
---
 phpBB/styles/prosilver/template/forum_fn.js   |   4 +-
 phpBB/styles/prosilver/theme/buttons.css      |  60 ++++++++++++++++++
 phpBB/styles/prosilver/theme/colours.css      |   1 +
 .../prosilver/theme/images/icon_post_menu.png | Bin 0 -> 1844 bytes
 4 files changed, 63 insertions(+), 2 deletions(-)
 create mode 100644 phpBB/styles/prosilver/theme/images/icon_post_menu.png

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 6826a6b365..759a27c80a 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -600,13 +600,13 @@ function insert_single_user(formId, user)
 		});
 
 		// Responsive link lists
-		$('.linklist:not(.navlinks, .skip-responsive)').each(function() {
+		$('.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',
+				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'))
diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css
index b05883b465..c6bdddd407 100644
--- a/phpBB/styles/prosilver/theme/buttons.css
+++ b/phpBB/styles/prosilver/theme/buttons.css
@@ -140,6 +140,65 @@ ul.profile-icons li a:hover { background: none; }
 	margin: 0 3px;
 }
 
+/* Responsive icons in postbody */
+.postbody ul.profile-icons.responsive .responsive-menu {
+	position: relative;
+}
+
+ul.profile-icons.responsive a.responsive-menu-link {
+	display: inline-block;
+	position: relative;
+	margin: 0 5px;
+	width: 20px;
+	height: 20px;
+	text-decoration: none;
+	background: none top left no-repeat;
+}
+
+ul.profile-icons.responsive a.responsive-menu-link:hover {
+	background-position: 0 -20px;
+}
+
+ul.profile-icons.responsive a.responsive-menu-link:before {
+	content: '';
+	position: absolute;
+	left: 0;
+	top: 7px;
+	height: .125em;
+	width: 14px;
+	border-bottom: 0.125em solid transparent;
+	border-top: 0.375em double transparent;
+}
+
+.postbody ul.profile-icons.responsive .responsive-popup {
+	left: auto;
+	right: 7px;
+	top: 19px;
+}
+
+.postbody ul.profile-icons.responsive .responsive-popup li, .postbody ul.profile-icons.responsive .responsive-popup li a {
+	display: block;
+	background: transparent none;
+	width: auto;
+	height: auto;
+	margin: 0;
+	padding: 0;
+	float: none;
+	list-style-type: none;
+}
+
+.postbody ul.profile-icons.responsive .responsive-popup li span {
+	display: block;
+	text-align: right;
+	padding: 2px;
+	font-size: 1.2em;
+	line-height: 1.2em;
+}
+
+.hasjs .postbody ul.profile-icons {
+	max-width: 40%;
+}
+
 /* Profile & navigation icons */
 .email-icon, .email-icon a		{ background: none top left no-repeat; }
 .aim-icon, .aim-icon a			{ background: none top left no-repeat; }
@@ -173,6 +232,7 @@ ul.profile-icons li.edit-icon	{ width: 42px; height: 20px; }
 ul.profile-icons li.delete-icon	{ width: 20px; height: 20px; }
 ul.profile-icons li.info-icon	{ width: 20px; height: 20px; }
 ul.profile-icons li.warn-icon	{ width: 20px; height: 20px; }
+ul.profile-icons a.responsive-menu-link	{ width: 20px; height: 20px; }
 
 /* Fix profile icon default margins */
 ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index 72d5434b11..424f922ac1 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -710,6 +710,7 @@ a.sendemail {
 .jabber-icon, .jabber-icon a		{ background-image: url("./images/icon_contact_jabber.gif"); }
 .pm-icon, .pm-icon a				{ background-image: url("./en/icon_contact_pm.gif"); }
 .quote-icon, .quote-icon a		{ background-image: url("./en/icon_post_quote.gif"); }
+ul.profile-icons.responsive a.responsive-menu-link	{ background-image: url("./images/icon_post_menu.png"); }
 
 /* Moderator icons */
 .report-icon, .report-icon a		{ background-image: url("./images/icon_post_report.gif"); }
diff --git a/phpBB/styles/prosilver/theme/images/icon_post_menu.png b/phpBB/styles/prosilver/theme/images/icon_post_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..55723ddda1b58df4394c418f8278331ea4e75351
GIT binary patch
literal 1844
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
F{s#)D*p2`I

literal 0
HcmV?d00001