diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index 4496b200fc..b22f33daf3 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -610,7 +610,7 @@ function insert_single_user(formId, user) }); // Responsive tabs - $('#tabs').not('.skip-responsive').each(function() { + $('#tabs, #minitabs').not('.skip-responsive').each(function() { var $this = $(this), $body = $('body'), ul = $this.children(), diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 35deb0d548..37b6ecc692 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1154,7 +1154,7 @@ ul.responsive-popup { background-color: #CADCEB; } -#tabs ul.responsive-tabs { +#tabs ul.responsive-tabs, #minitabs ul.responsive-tabs { background: #ddedfb; border-color: #c0c9d5; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 3f53b2a61f..3d7c941076 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -600,7 +600,7 @@ dl.details dd { text-overflow: ellipsis; } -.clearfix, #minitabs, fieldset dl, ul.topiclist dl, dl.polls { +.clearfix, fieldset dl, ul.topiclist dl, dl.polls { height: 1%; overflow: hidden; } 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; } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 3bf56c6e0d..029840137f 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -191,6 +191,13 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { /* *CP navigation ----------------------------------------*/ +.nojs #tabs a span, .nojs #minitabs a span { + max-width: 40px; + overflow: hidden; + text-overflow: ellipsis; + letter-spacing: -.5px; +} + #cp-menu, #navigation, #cp-main { float: none; width: auto;