From a1f118872ba08bf9230308112ddaa52fcc7385f8 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sun, 15 Sep 2013 16:49:33 +0300
Subject: [ticket/11552] Responsive CP tabs

PHPBB3-11552
---
 phpBB/styles/prosilver/theme/cp.css | 59 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

(limited to 'phpBB/styles/prosilver/theme/cp.css')

diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css
index e32ff8fcb8..5df4a4576c 100644
--- a/phpBB/styles/prosilver/theme/cp.css
+++ b/phpBB/styles/prosilver/theme/cp.css
@@ -118,7 +118,7 @@ ul.cplist {
 #tabs {
 	line-height: normal;
 	margin: 20px 0 -1px 7px;
-	min-width: 570px;
+	*overflow: hidden;
 }
 
 #tabs ul {
@@ -127,6 +127,12 @@ ul.cplist {
 	list-style: none;
 }
 
+#tabs ul:after {
+	content: '';
+	display: block;
+	clear: both;
+}
+
 #tabs li {
 	display: inline;
 	margin: 0;
@@ -210,6 +216,57 @@ ul.cplist {
 	text-decoration: none;
 }
 
+/* Responsive tabs
+----------------------------------------*/
+.responsive-tab .responsive-tab-link span {
+	display: inline-block;
+	font-size: 16px;
+	position: relative;
+	width: 16px;
+	line-height: 14px;
+	text-decoration: none;
+}
+
+.responsive-tab .responsive-tab-link span:before {
+	content: '';
+	position: absolute;
+	left: 5px;
+	top: 8px;
+	height: .125em;
+	width: 14px;
+	border-bottom: 0.125em solid transparent;
+	border-top: 0.375em double transparent;
+}
+
+#tabs ul {
+	position: relative;
+}
+
+#tabs ul.responsive-tabs {
+	position: absolute;
+	right: 0;
+	top: 26px;
+	z-index: 2;
+	border: 1px solid transparent;
+	border-radius: 5px;
+}
+
+#tabs .responsive-tabs li {
+	display: block !important;
+}
+
+#tabs .responsive-tabs a, #tabs .responsive-tabs a span {
+	background: transparent;
+	float: none;
+	margin: 0;
+	padding: 0;
+	text-align: right;
+}
+
+#tabs .responsive-tabs a span {
+	padding: 5px;
+}
+
 /* UCP navigation menu
 ----------------------------------------*/
 /* Container for sub-navigation list */
-- 
cgit v1.2.1


From 378b2dfa96fb3295c47a1d7ae0ed985291da5a6c Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Sun, 15 Sep 2013 18:05:54 +0300
Subject: [ticket/11552] Responsive minitabs

PHPBB3-11552
---
 phpBB/styles/prosilver/theme/cp.css | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

(limited to 'phpBB/styles/prosilver/theme/cp.css')

diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css
index 5df4a4576c..e0863f7458 100644
--- a/phpBB/styles/prosilver/theme/cp.css
+++ b/phpBB/styles/prosilver/theme/cp.css
@@ -227,6 +227,10 @@ ul.cplist {
 	text-decoration: none;
 }
 
+#minitabs .responsive-tab .responsive-tab-link span {
+	display: block;
+}
+
 .responsive-tab .responsive-tab-link span:before {
 	content: '';
 	position: absolute;
@@ -238,11 +242,16 @@ ul.cplist {
 	border-top: 0.375em double transparent;
 }
 
-#tabs ul {
+#minitabs .responsive-tab .responsive-tab-link span:before {
+	left: 0;
+	top: 2px;
+}
+
+#tabs ul, #minitabs ul {
 	position: relative;
 }
 
-#tabs ul.responsive-tabs {
+#tabs ul.responsive-tabs, #minitabs ul.responsive-tabs {
 	position: absolute;
 	right: 0;
 	top: 26px;
@@ -251,11 +260,20 @@ ul.cplist {
 	border-radius: 5px;
 }
 
-#tabs .responsive-tabs li {
+#minitabs ul.responsive-tabs {
+	top: 23px;
+}
+
+.tabs-container #minitabs ul.responsive-tabs {
+	right: auto;
+	left: 0;
+}
+
+#tabs .responsive-tabs li, #minitabs .responsive-tabs li {
 	display: block !important;
 }
 
-#tabs .responsive-tabs a, #tabs .responsive-tabs a span {
+#tabs .responsive-tabs a, #tabs .responsive-tabs a span, #minitabs .responsive-tabs a, #minitabs .responsive-tabs a span {
 	background: transparent;
 	float: none;
 	margin: 0;
@@ -263,7 +281,11 @@ ul.cplist {
 	text-align: right;
 }
 
-#tabs .responsive-tabs a span {
+.tabs-container #minitabs .responsive-tabs a span {
+	text-align: left;
+}
+
+#tabs .responsive-tabs a span, #minitabs .responsive-tabs a span {
 	padding: 5px;
 }
 
-- 
cgit v1.2.1