From d50801a056e4bbced0d7ea855fbded9fb449bfe5 Mon Sep 17 00:00:00 2001
From: Michael Miday <midaym@gmail.com>
Date: Sun, 27 Sep 2015 11:35:26 +0200
Subject: [PATCH] [ticket/14202]Add missing sr-only classes

PHPBB3-14202
---
 phpBB/styles/prosilver/template/forum_fn.js      |  4 +++-
 phpBB/styles/prosilver/template/mcp_post.html    |  2 +-
 phpBB/styles/prosilver/template/mcp_topic.html   |  2 +-
 .../prosilver/template/overall_header.html       |  4 ++--
 .../prosilver/template/posting_topic_review.html |  4 ++--
 .../prosilver/template/search_results.html       |  4 ++--
 .../prosilver/template/ucp_pm_history.html       |  2 +-
 .../prosilver/template/ucp_pm_viewmessage.html   |  8 ++++----
 .../prosilver/template/viewtopic_body.html       | 16 ++++++++--------
 9 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js
index 13a10c8cc0..8902ae1f83 100644
--- a/phpBB/styles/prosilver/template/forum_fn.js
+++ b/phpBB/styles/prosilver/template/forum_fn.js
@@ -579,8 +579,10 @@ function parseDocument($container) {
 
 				if ($this.hasClass('post-buttons')) {
 					$('.button', $menuContents).removeClass('button');
-					$('.js-responsive-menu-link').addClass('button');
+					$('.sr-only', $menuContents).removeClass('sr-only');
+					$('.js-responsive-menu-link').addClass('button').addClass('button-icon-only');
 					$('.js-responsive-menu-link .icon').removeClass('fa-bars').addClass('fa-ellipsis-h');
+
 				}
 				copied1 = true;
 			}
diff --git a/phpBB/styles/prosilver/template/mcp_post.html b/phpBB/styles/prosilver/template/mcp_post.html
index e1e4ff4732..8e4196cfb7 100644
--- a/phpBB/styles/prosilver/template/mcp_post.html
+++ b/phpBB/styles/prosilver/template/mcp_post.html
@@ -59,7 +59,7 @@
 			<!-- IF U_EDIT -->
 				<li>
 					<a href="{U_EDIT}" title="{L_EDIT_POST}" class="button">
-						<i class="icon fa-pencil fa-fw"></i><span>{L_EDIT_POST}</span>
+						<i class="icon fa-pencil fa-fw"></i><span class="sr-only">{L_EDIT_POST}</span>
 					</a>
 				</li>
 			<!-- ENDIF -->
diff --git a/phpBB/styles/prosilver/template/mcp_topic.html b/phpBB/styles/prosilver/template/mcp_topic.html
index 0398b773c7..cf7b67e74b 100644
--- a/phpBB/styles/prosilver/template/mcp_topic.html
+++ b/phpBB/styles/prosilver/template/mcp_topic.html
@@ -101,7 +101,7 @@
 				<ul class="post-buttons">
 					<li>
 						<a href="{postrow.U_POST_DETAILS}" title="{L_POST_DETAILS}" class="button">
-							<i class="icon fa-info fa-fw"></i><span>{L_POST_DETAILS}</span>
+							<i class="icon fa-info fa-fw"></i><span class="sr-only">{L_POST_DETAILS}</span>
 						</a>
 					</li>
 					<li>
diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html
index deb8daf83a..7d0d38ec7e 100644
--- a/phpBB/styles/prosilver/template/overall_header.html
+++ b/phpBB/styles/prosilver/template/overall_header.html
@@ -92,10 +92,10 @@
 				<fieldset>
 					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
 					<button class="button" type="submit" title="{L_SEARCH}">
-						<i class="icon fa-search fa-fw"></i><span>{L_SEARCH}</span>
+						<i class="icon fa-search fa-fw"></i><span class="sr-only">{L_SEARCH}</span>
 					</button>
 					<a href="{U_SEARCH}" class="button" title="{L_SEARCH_ADV}">
-						<i class="icon fa-cog fa-fw"></i><span>{L_SEARCH_ADV}</span>
+						<i class="icon fa-cog fa-fw"></i><span class="sr-only">{L_SEARCH_ADV}</span>
 					</a>
 					{S_SEARCH_HIDDEN_FIELDS}
 				</fieldset>
diff --git a/phpBB/styles/prosilver/template/posting_topic_review.html b/phpBB/styles/prosilver/template/posting_topic_review.html
index 803de267ac..01a055c3f5 100644
--- a/phpBB/styles/prosilver/template/posting_topic_review.html
+++ b/phpBB/styles/prosilver/template/posting_topic_review.html
@@ -29,14 +29,14 @@
 			<!-- IF topic_review_row.U_MCP_DETAILS -->
 				<li>
 					<a href="{topic_review_row.U_MCP_DETAILS}" title="{L_POST_DETAILS}" class="button">
-						<i class="icon fa-info fa-fw"></i><span>{L_POST_DETAILS}</span>
+						<i class="icon fa-info fa-fw"></i><span class="sr-only">{L_POST_DETAILS}</span>
 					</a>
 				<li>
 			<!-- ENDIF -->
 			<!-- IF topic_review_row.POSTER_QUOTE and topic_review_row.DECODED_MESSAGE -->
 				<li>
 					<a href="#postingbox" onclick="addquote({topic_review_row.POST_ID}, '{topic_review_row.POSTER_QUOTE}', '{LA_WROTE}', {post_id:{topic_review_row.POST_ID},time:{topic_review_row.POST_TIME},user_id:{topic_review_row.USER_ID}});" title="{L_QUOTE} {topic_review_row.POST_AUTHOR}" class="button">
-						<i class="icon fa-quote-left fa-fw"></i><span>{L_QUOTE} {topic_review_row.POST_AUTHOR}</span>
+						<i class="icon fa-quote-left fa-fw"></i><span class="sr-only">{L_QUOTE} {topic_review_row.POST_AUTHOR}</span>
 					</a>
 				</li>
 			<!-- ENDIF -->
diff --git a/phpBB/styles/prosilver/template/search_results.html b/phpBB/styles/prosilver/template/search_results.html
index 47ce0de4dd..c8ae7e33fa 100644
--- a/phpBB/styles/prosilver/template/search_results.html
+++ b/phpBB/styles/prosilver/template/search_results.html
@@ -32,10 +32,10 @@
 			<fieldset>
 				<input class="inputbox search tiny" type="search" name="add_keywords" id="add_keywords" value="" placeholder="{L_SEARCH_IN_RESULTS}" />
 				<button class="button" type="submit" title="{L_SEARCH}">
-					<i class="icon fa-search fa-fw"></i><span>{L_SEARCH}</span>
+					<i class="icon fa-search fa-fw"></i><span class="sr-only">{L_SEARCH}</span>
 				</button>
 				<a href="{U_SEARCH}" class="button" title="{L_SEARCH_ADV}">
-					<i class="icon fa-cog fa-fw"></i><span>{L_SEARCH_ADV}</span>
+					<i class="icon fa-cog fa-fw"></i><span class="sr-only">{L_SEARCH_ADV}</span>
 				</a>
 			</fieldset>
 			</form>
diff --git a/phpBB/styles/prosilver/template/ucp_pm_history.html b/phpBB/styles/prosilver/template/ucp_pm_history.html
index 5500b6924c..d3aed8ffee 100644
--- a/phpBB/styles/prosilver/template/ucp_pm_history.html
+++ b/phpBB/styles/prosilver/template/ucp_pm_history.html
@@ -26,7 +26,7 @@
 				<!-- IF history_row.U_QUOTE or history_row.MESSAGE_AUTHOR_QUOTE -->
 				<li>
 					<a <!-- IF history_row.U_QUOTE -->href="{history_row.U_QUOTE}"<!-- ELSE -->href="#postingbox" onclick="addquote({history_row.MSG_ID}, '{history_row.MESSAGE_AUTHOR_QUOTE}', '{LA_WROTE}', {time:{history_row.MESSAGE_TIME},user_id:{history_row.USER_ID}});"<!-- ENDIF --> title="{L_QUOTE} {history_row.MESSAGE_AUTHOR}" class="button">
-						<i class="icon fa-quote-left fa-fw"></i><span>{L_QUOTE} {history_row.MESSAGE_AUTHOR}</span>
+						<i class="icon fa-quote-left fa-fw"></i><span class="sr-only">{L_QUOTE} {history_row.MESSAGE_AUTHOR}</span>
 					</a>
 				</li>
 				<!-- ENDIF -->
diff --git a/phpBB/styles/prosilver/template/ucp_pm_viewmessage.html b/phpBB/styles/prosilver/template/ucp_pm_viewmessage.html
index 230759aa9e..049bef1930 100644
--- a/phpBB/styles/prosilver/template/ucp_pm_viewmessage.html
+++ b/phpBB/styles/prosilver/template/ucp_pm_viewmessage.html
@@ -91,28 +91,28 @@
 			<!-- IF U_EDIT -->
 				<li>
 					<a href="{U_EDIT}" title="{L_POST_EDIT_PM}" class="button">
-						<i class="icon fa-pencil fa-fw"></i><span>{L_POST_EDIT_PM}</span>
+						<i class="icon fa-pencil fa-fw"></i><span class="sr-only">{L_POST_EDIT_PM}</span>
 					</a>
 				</li>
 			<!-- ENDIF -->
 			<!-- IF U_DELETE -->
 				<li>
 					<a href="{U_DELETE}" title="{L_DELETE_MESSAGE}" class="button">
-						<i class="icon fa-times fa-fw"></i><span>{L_DELETE_MESSAGE}</span>
+						<i class="icon fa-times fa-fw"></i><span class="sr-only">{L_DELETE_MESSAGE}</span>
 					</a>
 				</li>
 			<!-- ENDIF -->
 			<!-- IF U_REPORT -->
 				<li>
 					<a href="{U_REPORT}" title="{L_REPORT_PM}" class="button">
-						<i class="icon fa-exclamation fa-fw"></i><span>{L_REPORT_PM}</span>
+						<i class="icon fa-exclamation fa-fw"></i><span class="sr-only">{L_REPORT_PM}</span>
 					</a>
 				</li>
 			<!-- ENDIF -->
 			<!-- IF U_QUOTE -->
 				<li>
 					<a href="{U_QUOTE}" title="{L_POST_QUOTE_PM}" class="button">
-						<i class="icon fa-quote-left fa-fw"></i><span>{L_POST_QUOTE_PM}</span>
+						<i class="icon fa-quote-left fa-fw"></i><span class="sr-only">{L_POST_QUOTE_PM}</span>
 					</a>
 				</li>
 			<!-- ENDIF -->
diff --git a/phpBB/styles/prosilver/template/viewtopic_body.html b/phpBB/styles/prosilver/template/viewtopic_body.html
index 94486ef8a5..2e99b233ba 100644
--- a/phpBB/styles/prosilver/template/viewtopic_body.html
+++ b/phpBB/styles/prosilver/template/viewtopic_body.html
@@ -49,10 +49,10 @@
 			<fieldset>
 				<input class="inputbox search tiny"  type="search" name="keywords" id="search_keywords" size="20" placeholder="{L_SEARCH_TOPIC}" />
 				<button class="button" type="submit" title="{L_SEARCH}">
-					<i class="icon fa-search fa-fw"></i><span>{L_SEARCH}</span>
+					<i class="icon fa-search fa-fw"></i><span class="sr-only">{L_SEARCH}</span>
 				</button>
 				<a href="{U_SEARCH}" class="button" title="{L_SEARCH_ADV}">
-					<i class="icon fa-cog fa-fw"></i><span>{L_SEARCH_ADV}</span>
+					<i class="icon fa-cog fa-fw"></i><span class="sr-only">{L_SEARCH_ADV}</span>
 				</a>
 				{S_SEARCH_LOCAL_HIDDEN_FIELDS}
 			</fieldset>
@@ -233,42 +233,42 @@
 					<!-- IF postrow.U_EDIT -->
 						<li>
 							<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button icon-button">
-								<i class="icon fa-pencil fa-fw"></i><span>{L_BUTTON_EDIT}</span>
+								<i class="icon fa-pencil fa-fw"></i><span class="sr-only">{L_BUTTON_EDIT}</span>
 							</a>
 						</li>
 					<!-- ENDIF -->
 					<!-- IF postrow.U_DELETE -->
 						<li>
 							<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button icon-button">
-								<i class="icon fa-times fa-fw"></i><span>{L_DELETE_POST}</span>
+								<i class="icon fa-times fa-fw"></i><span class="sr-only">{L_DELETE_POST}</span>
 							</a>
 						</li>
 					<!-- ENDIF -->
 					<!-- IF postrow.U_REPORT -->
 						<li>
 							<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button icon-button">
-								<i class="icon fa-exclamation fa-fw"></i><span>{L_REPORT_POST}</span>
+								<i class="icon fa-exclamation fa-fw"></i><span class="sr-only">{L_REPORT_POST}</span>
 							</a>
 						</li>
 					<!-- ENDIF -->
 					<!-- IF postrow.U_WARN -->
 						<li>
 							<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button icon-button">
-								<i class="icon fa-exclamation-triangle fa-fw"></i><span>{L_WARN_USER}</span>
+								<i class="icon fa-exclamation-triangle fa-fw"></i><span class="sr-only">{L_WARN_USER}</span>
 							</a>
 						</li>
 					<!-- ENDIF -->
 					<!-- IF postrow.U_INFO -->
 						<li>
 							<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button icon-button">
-								<i class="icon fa-info fa-fw"></i><span>{L_INFORMATION}</span>
+								<i class="icon fa-info fa-fw"></i><span class="sr-only">{L_INFORMATION}</span>
 							</a>
 						</li>
 					<!-- ENDIF -->
 					<!-- IF postrow.U_QUOTE -->
 						<li>
 							<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button icon-button">
-								<i class="icon fa-quote-left fa-fw"></i><span>{L_QUOTE}</span>
+								<i class="icon fa-quote-left fa-fw"></i><span class="sr-only">{L_QUOTE}</span>
 							</a>
 						</li>
 					<!-- ENDIF -->