From 7cf0cdb67e3b13929f04f66f4f62ca6f09dd6692 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:39:06 +0300 Subject: [PATCH 01/60] [ticket/11552] Viewport meta for mobile devices PHPBB3-11552 --- phpBB/styles/prosilver/template/overall_header.html | 1 + phpBB/styles/prosilver/template/simple_header.html | 1 + 2 files changed, 2 insertions(+) diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index f2f47332d7..5f38b332ce 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -2,6 +2,7 @@ + {META} diff --git a/phpBB/styles/prosilver/template/simple_header.html b/phpBB/styles/prosilver/template/simple_header.html index c5dfbc2f8f..b7b6bdd05e 100644 --- a/phpBB/styles/prosilver/template/simple_header.html +++ b/phpBB/styles/prosilver/template/simple_header.html @@ -2,6 +2,7 @@ + {META} From 5c3669eccb5024a972910476cf3308231486a165 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:43:05 +0300 Subject: [PATCH 02/60] [ticket/11552] Add link to responsive.css Add link to responsive.css and blank responsive.css PHPBB3-11552 --- phpBB/styles/prosilver/template/overall_header.html | 1 + phpBB/styles/prosilver/template/simple_header.html | 1 + phpBB/styles/prosilver/theme/responsive.css | 2 ++ 3 files changed, 4 insertions(+) create mode 100644 phpBB/styles/prosilver/theme/responsive.css diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index 5f38b332ce..1b48298307 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -29,6 +29,7 @@ + diff --git a/phpBB/styles/prosilver/template/simple_header.html b/phpBB/styles/prosilver/template/simple_header.html index b7b6bdd05e..309e1687b8 100644 --- a/phpBB/styles/prosilver/template/simple_header.html +++ b/phpBB/styles/prosilver/template/simple_header.html @@ -12,6 +12,7 @@ + diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css new file mode 100644 index 0000000000..f4342479b2 --- /dev/null +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -0,0 +1,2 @@ +/* Responsive Design +---------------------------------------- */ From befffe7472e86978289e182e6ec433679537dcbd Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:51:34 +0300 Subject: [PATCH 03/60] [ticket/11552] Basic rules for wrappers and header Basic rules for content wrapper, common block wrappers and header PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 47 +++++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index f4342479b2..f2b2209091 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,2 +1,49 @@ /* Responsive Design ---------------------------------------- */ + +/* Content wrapper */ +html { + height: auto; +} + +body { + padding: 0 5px; +} + +#wrap { + min-width: 320px; + padding: 0; +} + +/* Common block wrappers */ +.headerbar, .navbar, .forabg, .forumbg, .post, .panel { + border-radius: 0; + margin-left: -5px; + margin-right: -5px; +} + +/* Logo block */ +#site-description { + float: none; + width: auto; + text-align: center; +} + +#logo { + /* change display value to inline-block to show logo */ + display: none; + float: none; + padding: 10px; +} + +#site-description h1, #site-description p { + text-align: inherit; + float: none; + margin: 5px; + line-height: 1.2em; +} + +#site-description p, #search-box { + display: none; +} + From a189c38853ede323a0dc7ef170c788a7f687326c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:56:40 +0300 Subject: [PATCH 04/60] [ticket/11552] Add .nojs or .hasjs to body Add .nojs to body element, swap it to .hasjs when JavaScript is enabled PHPBB3-11552 --- phpBB/styles/prosilver/template/forum_fn.js | 3 +++ phpBB/styles/prosilver/template/overall_header.html | 2 +- phpBB/styles/prosilver/template/simple_header.html | 2 +- 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index 800fadd972..c36b4f5f01 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -414,6 +414,9 @@ function insert_single_user(formId, user) */ (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(); diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index 1b48298307..ce1317ab11 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -49,7 +49,7 @@ {$STYLESHEETS} - +
diff --git a/phpBB/styles/prosilver/template/simple_header.html b/phpBB/styles/prosilver/template/simple_header.html index 309e1687b8..e922893588 100644 --- a/phpBB/styles/prosilver/template/simple_header.html +++ b/phpBB/styles/prosilver/template/simple_header.html @@ -26,7 +26,7 @@ - +
From 744a91dc7b7e020bf6eb8bb439756fd075c35dc9 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:07:41 +0300 Subject: [PATCH 05/60] [ticket/11552] Responsive breadcrumbs PHPBB3-11552 --- phpBB/styles/prosilver/template/forum_fn.js | 51 +++++++++++++++++++ .../prosilver/template/overall_header.html | 2 +- phpBB/styles/prosilver/theme/common.css | 17 ++++++- phpBB/styles/prosilver/theme/responsive.css | 1 - 4 files changed, 68 insertions(+), 3 deletions(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index c36b4f5f01..cfb95d9cba 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -441,5 +441,56 @@ function insert_single_user(formId, user) // Fix .linkslist.bulletin lists $('ul.linklist.bulletin li:first-child, ul.linklist.bulletin li.rightside:last-child').addClass('no-bulletin'); } + + // Responsive breadcrumbs + $('.breadcrumbs').each(function() { + var $this = $(this), + $body = $('body'), + links = $this.find('a'), + 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', ''); + + // 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 (wrapped) { + $this.find('a.wrapped').removeClass('wrapped ' + classes.join(' ')); + wrapped = false; + if ($this.height() <= maxHeight) return; + } + + wrapped = true; + for (i = 0; i < classesLength; i ++) { + for (j = length; j >= 0; j --) { + links.eq(j).addClass('wrapped ' + classes[i]); + if ($this.height() <= maxHeight) return; + } + } + } + + // Run function and set event + check(); + $(window).resize(check); + }); }); })(jQuery); diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index ce1317ab11..7bf60ce67c 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -84,7 +84,7 @@
    -
  • {L_SITE_HOME} ‹ +
  • {L_SITE_HOME} ‹ {L_INDEX} ‹ {navlinks.FORUM_NAME} diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 4dbcc6f455..6142fe39a7 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -378,6 +378,22 @@ ul.linklist.bulletin li.no-bulletin:before { display: none; } +/* Responsive breadcrumbs +----------------------------------------*/ +.breadcrumbs a { + display: inline-block; +} + +.breadcrumbs a.wrapped { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: bottom; +} +.breadcrumbs a.wrapped-wide { max-width: 120px; } +.breadcrumbs a.wrapped-medium { max-width: 80px; } +.breadcrumbs a.wrapped-small { max-width: 30px; } + /* Table styles ----------------------------------------*/ table.table1 { @@ -835,4 +851,3 @@ form > p.post-notice strong { .notification_list p.notifications_time { font-size: 11px; } - diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index f2b2209091..6323abe88c 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -46,4 +46,3 @@ body { #site-description p, #search-box { display: none; } - From f3d83def0a3a5effb99f7286a4363ef30b2915cb Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:13:04 +0300 Subject: [PATCH 06/60] [ticket/11552] Responsive forums list PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 88 +++++++++++++++++++++ 1 file changed, 88 insertions(+) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 6323abe88c..de4b92d0a1 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -46,3 +46,91 @@ body { #site-description p, #search-box { display: none; } + +/* .topiclist lists */ +li.header dt { + text-align: center; + text-transform: none; + line-height: 1em; + font-size: 1.2em; + padding-bottom: 4px; +} + +ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { + margin-right: 0 !important; + padding-right: 0; +} + +ul.topiclist li.header dd { + display: none !important; +} + +ul.topiclist dt, ul.topiclist dt .list-inner { + margin-right: 0; +} + +ul.topiclist dd { + display: none; +} +ul.topiclist dd.mark { + display: block; +} + +/* Forums and topics lists */ +ul.topiclist.forums dt, ul.topiclist.topics dt { + margin-right: -250px; +} +ul.topiclist.forums dt .list-inner, ul.topiclist.topics dt .list-inner { + margin-right: 250px; + padding-bottom: 18px; +} + +ul.topiclist.forums dd.lastpost, ul.topiclist.topics dd.lastpost { + display: block; +} + +ul.topiclist.forums dd.topics, ul.topiclist.topics dd.posts { + display: block; + position: absolute; + left: 45px; + right: 0; + bottom: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + min-height: 0; + height: auto; + border-width: 0; + margin: 0; + padding: 5px 0; + width: auto; + min-width: 0; + text-align: left; + font-weight: bold; + font-size: 1.2em; + line-height: 1em; +} + +ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { + position: relative; + left: 0; + width: auto; + display: inline; + font-weight: normal; +} + +@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) +{ + ul.topiclist.forums dt, ul.topiclist.topics dt { + margin-right: 0; + } + + ul.topiclist.forums dt .list-inner, ul.topiclist.topics dt .list-inner { + margin-right: 0; + } + + ul.topiclist.forums dd.lastpost, ul.topiclist.topics dd.lastpost { + display: none; + } +} + From 5e8eec6330194b7601b4084cde3a5b12d9fd3fff Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:15:07 +0300 Subject: [PATCH 07/60] [ticket/11552] Move breadcrumbs up Remove spacing between navigation and breadcrumbs Fix comments format in responsive.css PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index de4b92d0a1..fe7569417e 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,7 +1,8 @@ /* Responsive Design ---------------------------------------- */ -/* Content wrapper */ +/* Content wrappers +----------------------------------------*/ html { height: auto; } @@ -15,14 +16,16 @@ body { padding: 0; } -/* Common block wrappers */ +/* Common block wrappers +----------------------------------------*/ .headerbar, .navbar, .forabg, .forumbg, .post, .panel { border-radius: 0; margin-left: -5px; margin-right: -5px; } -/* Logo block */ +/* Logo block +----------------------------------------*/ #site-description { float: none; width: auto; @@ -47,7 +50,14 @@ body { display: none; } -/* .topiclist lists */ +/* Navigation +----------------------------------------*/ +.headerbar + .navbar { + margin-top: -5px; +} + +/* .topiclist lists +----------------------------------------*/ li.header dt { text-align: center; text-transform: none; @@ -76,7 +86,8 @@ ul.topiclist dd.mark { display: block; } -/* Forums and topics lists */ +/* Forums and topics lists +----------------------------------------*/ ul.topiclist.forums dt, ul.topiclist.topics dt { margin-right: -250px; } From 284fb309581065d975cba583f51daa88301158d7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:21:19 +0300 Subject: [PATCH 08/60] [ticket/11552] Display checkbox in forums list PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index fe7569417e..6501b301c8 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -122,6 +122,17 @@ ul.topiclist.forums dd.topics, ul.topiclist.topics dd.posts { line-height: 1em; } +ul.topiclist dd.mark { + display: block; + position: absolute; + right: 5px; + top: 0; + margin: 0; + width: auto; + min-width: 0; + text-align: left; +} + ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { position: relative; left: 0; From b84f0791b23e311f7333ac195a8bfb7700231abc Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:40:37 +0300 Subject: [PATCH 09/60] [ticket/11552] Change breadcrumbs structure PHPBB3-11552 --- phpBB/styles/prosilver/template/forum_fn.js | 4 ++-- phpBB/styles/prosilver/template/overall_header.html | 6 +++--- phpBB/styles/prosilver/theme/common.css | 12 ++++++------ 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index cfb95d9cba..316ab1e66f 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -446,7 +446,7 @@ function insert_single_user(formId, user) $('.breadcrumbs').each(function() { var $this = $(this), $body = $('body'), - links = $this.find('a'), + links = $this.find('.crumb'), length = links.length, classes = ['wrapped-wide', 'wrapped-medium', 'wrapped-small'], classesLength = classes.length, @@ -474,7 +474,7 @@ function insert_single_user(formId, user) lastWidth = width; if (wrapped) { - $this.find('a.wrapped').removeClass('wrapped ' + classes.join(' ')); + $this.find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' ')); wrapped = false; if ($this.height() <= maxHeight) return; } diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index 7bf60ce67c..3587b3c44a 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -84,9 +84,9 @@
      -
    • {L_SITE_HOME} ‹ - {L_INDEX} - ‹ {navlinks.FORUM_NAME} +
    • {L_SITE_HOME} ‹ + {L_INDEX} + ‹ {navlinks.FORUM_NAME}
      • diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 6142fe39a7..f662cd06fc 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -380,19 +380,19 @@ ul.linklist.bulletin li.no-bulletin:before { /* Responsive breadcrumbs ----------------------------------------*/ -.breadcrumbs a { +.breadcrumbs .crumb { display: inline-block; + vertical-align: bottom; } -.breadcrumbs a.wrapped { +.breadcrumbs .crumb.wrapped { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - vertical-align: bottom; } -.breadcrumbs a.wrapped-wide { max-width: 120px; } -.breadcrumbs a.wrapped-medium { max-width: 80px; } -.breadcrumbs a.wrapped-small { max-width: 30px; } +.breadcrumbs .crumb.wrapped-wide { max-width: 120px; } +.breadcrumbs .crumb.wrapped-medium { max-width: 80px; } +.breadcrumbs .crumb.wrapped-small { max-width: 30px; } /* Table styles ----------------------------------------*/ From 77a963549590bec5819ab88aab7d947a130853f3 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 01:19:45 +0300 Subject: [PATCH 10/60] [ticket/11552] Keep first nav row on same line PHPBB3-11552 --- phpBB/styles/prosilver/template/forum_fn.js | 22 +++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index 316ab1e66f..fca0f0d701 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -442,6 +442,28 @@ function insert_single_user(formId, user) $('ul.linklist.bulletin li:first-child, ul.linklist.bulletin li.rightside:last-child').addClass('no-bulletin'); } + // 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; + + 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'); + } + + resize(); + $(window).resize(resize); + }); + // Responsive breadcrumbs $('.breadcrumbs').each(function() { var $this = $(this), From 464248d34122b26b0a6fc6157aac11565f2ccb7b Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 01:22:10 +0300 Subject: [PATCH 11/60] [ticket/11552] Tooltips for breadcrumbs PHPBB3-11552 --- phpBB/styles/prosilver/template/forum_fn.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index fca0f0d701..f24ef6886d 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -481,6 +481,12 @@ function insert_single_user(formId, user) 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(), From c15ab90c38966d6992499a75fcdddf519f50e09d Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 09:33:33 +0300 Subject: [PATCH 12/60] [ticket/11552] More breadcrumbs adjustments PHPBB3-11552 --- phpBB/styles/prosilver/template/forum_fn.js | 5 ++++- phpBB/styles/prosilver/theme/common.css | 4 ++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index f24ef6886d..8e06997d8d 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -502,12 +502,15 @@ function insert_single_user(formId, user) lastWidth = width; if (wrapped) { - $this.find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' ')); + $this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' ')); wrapped = false; if ($this.height() <= maxHeight) return; } wrapped = true; + $this.addClass('wrapped'); + if ($this.height() <= maxHeight) return; + for (i = 0; i < classesLength; i ++) { for (j = length; j >= 0; j --) { links.eq(j).addClass('wrapped ' + classes[i]); diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index f662cd06fc..de953dbd1d 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -385,6 +385,10 @@ ul.linklist.bulletin li.no-bulletin:before { vertical-align: bottom; } +.breadcrumbs.wrapped .crumb { + letter-spacing: -.5px; +} + .breadcrumbs .crumb.wrapped { white-space: nowrap; overflow: hidden; From dbb6fc2ebeffe3aac52a79fb937946b01e079606 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:11:03 +0300 Subject: [PATCH 13/60] [ticket/11552] Responsive menu PHPBB3-11552 --- phpBB/styles/prosilver/template/forum_fn.js | 80 ++++++++++++++++++- .../prosilver/template/overall_header.html | 2 +- phpBB/styles/prosilver/theme/colours.css | 17 ++++ phpBB/styles/prosilver/theme/common.css | 69 ++++++++++++++++ 4 files changed, 163 insertions(+), 5 deletions(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index 8e06997d8d..aca0146792 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -465,7 +465,7 @@ function insert_single_user(formId, user) }); // Responsive breadcrumbs - $('.breadcrumbs').each(function() { + $('.breadcrumbs:not(.skip-responsive)').each(function() { var $this = $(this), $body = $('body'), links = $this.find('.crumb'), @@ -504,17 +504,23 @@ function insert_single_user(formId, user) if (wrapped) { $this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' ')); wrapped = false; - if ($this.height() <= maxHeight) return; + if ($this.height() <= maxHeight) { + return; + } } wrapped = true; $this.addClass('wrapped'); - if ($this.height() <= maxHeight) return; + if ($this.height() <= maxHeight) { + return; + } for (i = 0; i < classesLength; i ++) { for (j = length; j >= 0; j --) { links.eq(j).addClass('wrapped ' + classes[i]); - if ($this.height() <= maxHeight) return; + if ($this.height() <= maxHeight) { + return; + } } } } @@ -523,5 +529,71 @@ function insert_single_user(formId, user) check(); $(window).resize(check); }); + + // Responsive link lists + $('.linklist:not(.navlinks, .skip-responsive)').each(function() { + var $this = $(this), + $body = $('body'), + links = $this.children().not('.skip-responsive'), + toggle = $this.append('