From 4639d4fc86a56eccc6ae9e7fa295111535c3fdb7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 24 Oct 2013 20:51:58 +0300 Subject: [PATCH 1/9] [ticket/11956] Reverse order of .rightside items in dropdown PHPBB3-11956 --- phpBB/styles/prosilver/template/forum_fn.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index 23dfae9fab..b9604c3248 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -906,7 +906,11 @@ function parse_document(container) responsive = true; if (!copied) { - menu.append(links.clone(true)); + var clone = links.clone(true); + clone.filter('.rightside').each(function() { + menu.prepend(this); + }); + menu.prepend(clone.not('.rightside')); menu.find('li.leftside, li.rightside').removeClass('leftside rightside'); menu.find('.inputbox').parents('li:first').css('white-space', 'normal'); copied = true; From c879e8c0dd9af672c94ae6d9b0468e9d3265408f Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 24 Oct 2013 21:28:49 +0300 Subject: [PATCH 2/9] [ticket/11956] Fix asterix position in post menu icon PHPBB3-11956 --- .../prosilver/theme/images/icon_post_menu.png | Bin 1946 -> 1931 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/phpBB/styles/prosilver/theme/images/icon_post_menu.png b/phpBB/styles/prosilver/theme/images/icon_post_menu.png index 23e24d7c03c574b312073db51979be95136b9247..2b48289fdbbfa6bf55c4b37edc45f2e3fb9fb922 100644 GIT binary patch delta 1058 zcmV+-1l{|Z4~q}5rUG0vLPR$>H8?agG)6@+F-0>uFg7$eI7CJ@HZ?IfLODbtAb4$X zO-(vUZgX^DZewLhL_H#SZE!AWX=FMyLPR$>H8?XfG)6@+F-0>uFg7$eI7CJ@HZ?If zLODc}0s~wH@A5^=ju$wZC6t8g_nEod(U~! zbKi5$`y2twvRF&o^dDpI6KCh2f1V3b%5aq~A|6Vdy&klmeO>jKHgo4=U?`|ksid>W z9Z_<1b%i`V1BOW*L=rIlpZA1xLOW@l$@I{hW1P7fb<4>-N*1T$j>fAeb`?!f^# zd?6Xa@a=AlHIF8fi5J7*gRuya9>9z4%kZDnaayD!4?3D7+-w9xMP-hPD8Ui;GcEPylP+-6xJA z(8muW{_cny*xHF0BBWWP9vYPFg-LpsJGU|L$5L$Lb# zdI$spet;^KiWfV3fSas~A{L9eyzp__*H+o146AEvYvq}lnUF{%f4p)?!RqSjFuzrn zn1FudTWywEwL+n|v?Aa}sn{DIaP2jvHR>cgplVv8DXV2DGHa*Cr+*ChFN@3OViw7@5RFQx}aVA4+EXuEoXv4Y*$DTQTHZx_%rco$|! z+9=ovDXMcK)d^vAe>lWvlR(&u=t+?m3L`MxrNN($Ui;^GbR52^#}QE|hqk*Px~@Jh zz9an%)sza-yvgNohER3{Mos_jGYox$=)c#%fyGqha_p$4kQ`p2Ic63Qi0Wuu5vY6L zxqpY>*Be{oqTuA^0k=bY5EC87X^LA=z?`PYWHL7Qw>J!5f4^Z`bntV=#rx4v?z$d5UOBXvQ@eonI<6Z- zN0Y8OLvB%w13zI|MdjAdnqgvX3w`z7*e&w3w^O`9$t@C%(m>lH#kbll7pa<>n)Mf{ czXA*Z-Ec0Y5IzA%c>n+a07*qoM6N<$f(cI7y#N3J delta 1073 zcmV-11kU@551J3KrUG0+G&e#qHbpiwGdDCbF-0>uIWR;)GDa~tG%!R&L^nnvAb4$X zO-(vUZgX^DZewLhL_H#SZE!AWX=FMuIWR;)GDa~tG%!R& zL^np00s~RCwCtR&7XAQ5b$!*N^GuS7O<8mPVqc8AW172?qYDAk-)#|EROoFSAf* zi4_hlu@FquSxGR2l>QVXNJ&u=C1&454EwNVi01B=&VAg@xjFM=b9ZDAbl~Nj`<`>2 z^PKm*yw4SJ9EYWB%l=^RWn$cPe;+X8r3^i^U}Dk4xKk0Ex%&;*=&)qk2Zn;G)oOZ* z(j6sVUtcKm@-aEiB3LfteR3ZO?G$4lhpLHB%{aiy%E|=Yvrl^yx67)r_0T^4d$ji% zdarjz>qhiYy}YYjo{^DptF*L~pS0O*u-ok}jb6#jnh@eIf!DnOFjH1Ae_u!8AGr$K z4`)NVE=tTe;%Kp01TloZt?OHugb3 zysdV`o>oE}`TNRi^0E+>msQ6ENJ5y|8{+%hodUhybb#+ok6*w)B@y~3&%wTWkHoqX z47PUiA|*|TIZk5OFbA-&ug^I(%}I#!FZ`+|D}u0cYdpLHeVCh?FO7@{JC9Vyw-Aq0~_7Dp^pm z-Nn#VOkGNVkcEOZ+f#<_4qbAFd}5mizrf}}FQ)87}Vp8^a3>$oHTG2GcL00000NkvXXu0mjfzR&Wg From fa8d1eb2dccde3a561f95ba1e8b1515e2355ae3a Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 25 Oct 2013 02:20:13 +0300 Subject: [PATCH 3/9] [ticket/11956] Swap navigation events in header PHPBB3-11956 --- phpBB/styles/prosilver/template/overall_header.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index 854f92e9ce..6186fe051e 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -156,14 +156,14 @@ - +
  • {L_LOGIN_LOGOUT}
  • {L_REGISTER}
  • {L_MEMBERLIST}
  • {L_FAQ}
    • - + From db9ca2fc63ce02031c1cfec2e617a891def62e34 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 25 Oct 2013 02:20:49 +0300 Subject: [PATCH 4/9] [ticket/11956] Fix IE responsive breadcrumbs and navigation icon PHPBB3-11956 --- phpBB/styles/prosilver/template/forum_fn.js | 12 +++++++----- phpBB/styles/prosilver/theme/common.css | 14 ++++++++------ 2 files changed, 15 insertions(+), 11 deletions(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index b9604c3248..3b13211362 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -584,11 +584,6 @@ function parse_document(container) lastWidth = false, wrapped = false; - // Test height by setting nowrap - $this.css('white-space', 'nowrap'); - maxHeight = $this.height() + 1; - $this.css('white-space', ''); - // Set tooltips $this.find('a').each(function() { var $link = $(this); @@ -601,6 +596,13 @@ function parse_document(container) width = $body.width(), link, i, j; + maxHeight = parseInt($this.css('line-height')) | 0; + links.each(function() { + if ($(this).height() > 0) { + maxHeight = Math.max(maxHeight, $(this).outerHeight(true)); + } + }); + if (height <= maxHeight) { if (!wrapped || lastWidth === false || lastWidth >= width) { lastWidth = width; diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 3605b9e1a4..84aea8212c 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -372,7 +372,7 @@ ul.linklist li.responsive-menu a.responsive-menu-link { font-size: 16px; position: relative; width: 16px; - line-height: 16px; + line-height: 16.5px; text-decoration: none; } @@ -533,20 +533,22 @@ ul.linklist.bulletin li.no-bulletin:before { /* Responsive breadcrumbs ----------------------------------------*/ +.breadcrumbs .crumb { + word-wrap: normal; +} + .breadcrumbs .crumb a { display: inline-block; + white-space: nowrap; + text-overflow: ellipsis; vertical-align: bottom; + overflow: hidden; } .breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; } .breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; } .breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; } -.breadcrumbs .crumb.wrapped a { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} .breadcrumbs .crumb.wrapped-max a { max-width: 120px; } .breadcrumbs .crumb.wrapped-wide a { max-width: 100px; } .breadcrumbs .crumb.wrapped-medium a { max-width: 80px; } From 6dedac19292b4979a7b15aea02d7f1366b4902bc Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 25 Oct 2013 12:50:36 +0300 Subject: [PATCH 5/9] [ticket/11956] Adjust few elements for tiny devices Change min-width for tiny phones Adjust form elements max-width for tiny phones PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index cfe76149d8..d7af7519b7 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -17,7 +17,7 @@ body { } #wrap { - min-width: 320px; + min-width: 300px; padding: 0; } @@ -343,6 +343,19 @@ fieldset.quick-login label[for="autologin"] { min-width: 50%; } +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) +{ + select, .inputbox { + max-width: 260px; + } +} + +@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) +{ + select, .inputbox { + max-width: 240px; + } +} /* User profile ----------------------------------------*/ From ee4c1ba5a87ae6c15fa187c40ff94939f09ab6a8 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 26 Oct 2013 12:22:33 +0300 Subject: [PATCH 6/9] [ticket/11956] Check for children elements in tables PHPBB3-11956 --- phpBB/styles/prosilver/template/forum_fn.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index 3b13211362..35b8290e5c 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -800,7 +800,7 @@ function parse_document(container) return; } - if (text.length && text !== '-') { + if ((text.length && text !== '-') || cell.children().length) { cell.prepend('' + headers[column] + ''); } else { From 368b3f0d9e6af2fe625c2955130399cefb86e41b Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 26 Oct 2013 16:29:37 +0300 Subject: [PATCH 7/9] [ticket/11956] Move dropdown handler to assets PHPBB3-11956 --- phpBB/assets/javascript/core.js | 116 ++++++++++++++++++++ phpBB/styles/prosilver/template/forum_fn.js | 110 +------------------ 2 files changed, 120 insertions(+), 106 deletions(-) diff --git a/phpBB/assets/javascript/core.js b/phpBB/assets/javascript/core.js index 7bd3b85d7d..e19729c4ab 100644 --- a/phpBB/assets/javascript/core.js +++ b/phpBB/assets/javascript/core.js @@ -829,6 +829,122 @@ phpbb.applyCodeEditor = function(textarea) { }); }; +/** +* Dropdown toggle event handler +* This handler is used by phpBB.registerDropdown() and other functions +*/ +phpbb.toggleDropdown = function() { + var $this = $(this), + options = $this.data('dropdown-options'), + parent = options.parent, + visible = parent.hasClass('dropdown-visible'); + + if (!visible) { + // Hide other dropdown menus + $('.dropdown-container.dropdown-visible .dropdown-toggle').each(phpbb.toggleDropdown); + + // Figure out direction of dropdown + var direction = options.direction, + verticalDirection = options.verticalDirection, + offset = $this.offset(); + + if (direction == 'auto') { + if (($(window).width() - $this.outerWidth(true)) / 2 > offset.left) { + direction = 'right'; + } + else { + direction = 'left'; + } + } + parent.toggleClass(options.leftClass, direction == 'left').toggleClass(options.rightClass, direction == 'right'); + + if (verticalDirection == 'auto') { + var height = $(window).height(), + top = offset.top - $(window).scrollTop(); + + if (top < height * 0.7) { + verticalDirection = 'down'; + } + else { + verticalDirection = 'up'; + } + } + parent.toggleClass(options.upClass, verticalDirection == 'up').toggleClass(options.downClass, verticalDirection == 'down'); + } + + options.dropdown.toggle(); + parent.toggleClass(options.visibleClass, !visible).toggleClass('dropdown-visible', !visible); + + // Check dimensions when showing dropdown + // !visible because variable shows state of dropdown before it was toggled + if (!visible) { + options.dropdown.find('.dropdown-contents').each(function() { + var $this = $(this), + windowWidth = $(window).width(); + + $this.css({ + marginLeft: 0, + left: 0, + maxWidth: (windowWidth - 4) + 'px' + }); + + var offset = $this.offset().left, + width = $this.outerWidth(true); + + if (offset < 2) { + $this.css('left', (2 - offset) + 'px'); + } + else if ((offset + width + 2) > windowWidth) { + $this.css('margin-left', (windowWidth - offset - width - 2) + 'px'); + } + }); + } + + // Prevent event propagation + if (arguments.length > 0) { + try { + var e = arguments[0]; + e.preventDefault(); + e.stopPropagation(); + } + catch (error) { } + } + return false; +}; + +/** +* Register dropdown menu +* Shows/hides dropdown, decides which side to open to +* +* @param {jQuery} toggle Link that toggles dropdown. +* @param {jQuery} dropdown Dropdown menu. +* @param {Object} options List of options. Optional. +*/ +phpbb.registerDropdown = function(toggle, dropdown, options) +{ + var ops = { + parent: toggle.parent(), // Parent item to add classes to + direction: 'auto', // Direction of dropdown menu. Possible values: auto, left, right + verticalDirection: 'auto', // Vertical direction. Possible values: auto, up, down + visibleClass: 'visible', // Class to add to parent item when dropdown is visible + leftClass: 'dropdown-left', // Class to add to parent item when dropdown opens to left side + rightClass: 'dropdown-right', // Class to add to parent item when dropdown opens to right side + upClass: 'dropdown-up', // Class to add to parent item when dropdown opens above menu item + downClass: 'dropdown-down' // Class to add to parent item when dropdown opens below menu item + }; + if (options) { + ops = $.extend(ops, options); + } + ops.dropdown = dropdown; + + ops.parent.addClass('dropdown-container'); + toggle.addClass('dropdown-toggle'); + + toggle.data('dropdown-options', ops); + + toggle.click(phpbb.toggleDropdown); +}; + /** * Apply code editor to all textarea elements with data-bbcode attribute */ diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index 35b8290e5c..c6301bad15 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -409,108 +409,6 @@ function insert_single_user(formId, user) self.close(); } -function toggle_dropdown() -{ - var $this = $(this), - options = $this.data('dropdown-options'), - parent = options.parent, - visible = parent.hasClass('dropdown-visible'); - - if (!visible) { - // Hide other dropdown menus - $('.dropdown-container.dropdown-visible .dropdown-toggle').each(toggle_dropdown); - - // Figure out direction of dropdown - var direction = options.direction, - verticalDirection = options.verticalDirection, - offset = $this.offset(); - - if (direction == 'auto') { - if (($(window).width() - $this.outerWidth(true)) / 2 > offset.left) { - direction = 'right'; - } - else { - direction = 'left'; - } - } - parent.toggleClass(options.leftClass, direction == 'left').toggleClass(options.rightClass, direction == 'right'); - - if (verticalDirection == 'auto') { - var height = $(window).height(), - top = offset.top - $(window).scrollTop(); - - if (top < height * 0.7) { - verticalDirection = 'down'; - } - else { - verticalDirection = 'up'; - } - } - parent.toggleClass(options.upClass, verticalDirection == 'up').toggleClass(options.downClass, verticalDirection == 'down'); - } - - options.dropdown.toggle(); - parent.toggleClass(options.visibleClass, !visible).toggleClass('dropdown-visible', !visible); - - // Check dimensions when showing dropdown - // !visible because variable shows state of dropdown before it was toggled - if (!visible) { - options.dropdown.find('.dropdown-contents').each(function() { - var $this = $(this), - windowWidth = $(window).width(); - - $this.css({ - marginLeft: 0, - left: 0, - maxWidth: (windowWidth - 4) + 'px' - }); - - var offset = $this.offset().left, - width = $this.outerWidth(true); - - if (offset < 2) { - $this.css('left', (2 - offset) + 'px'); - } - else if ((offset + width + 2) > windowWidth) { - $this.css('margin-left', (windowWidth - offset - width - 2) + 'px'); - } - }); - } -} - -/** -* Dropdown handler -* Shows/hides dropdown, decides which side to open to -* -* @param [jQuery] toggle Link that toggles dropdown -* @param [jQuery] dropdown Dropdown menu -* @param [Object] [options] List of options -*/ -function register_dropdown(toggle, dropdown, options) -{ - var ops = { - parent: toggle.parent(), // Parent item to add classes to - direction: 'auto', // Direction of dropdown menu. Possible values: auto, left, right - verticalDirection: 'auto', // Vertical direction. Possible values: auto, up, down - visibleClass: 'visible', // Class to add to parent item when dropdown is visible - leftClass: 'dropdown-left', // Class to add to parent item when dropdown opens to left side - rightClass: 'dropdown-right', // Class to add to parent item when dropdown opens to right side - upClass: 'dropdown-up', // Class to add to parent item when dropdown opens above menu item - downClass: 'dropdown-down' // Class to add to parent item when dropdown opens below menu item - }; - if (options) { - ops = $.extend(ops, options); - } - ops.dropdown = dropdown; - - ops.parent.addClass('dropdown-container'); - toggle.addClass('dropdown-toggle'); - - toggle.data('dropdown-options', ops); - - toggle.click(toggle_dropdown); -} - /** * Parse document block */ @@ -943,7 +841,7 @@ function parse_document(container) links.css('display', 'none'); } - register_dropdown(item.find('a.responsive-menu-link'), item.find('.dropdown')); + phpbb.registerDropdown(item.find('a.responsive-menu-link'), item.find('.dropdown')); check(); $(window).resize(check); @@ -985,7 +883,7 @@ function parse_document(container) if (height <= maxHeight) { responsive = false; if (item.hasClass('dropdown-visible')) { - toggle_dropdown.call(item.find('a.responsive-tab-link').get(0)); + phpbb.toggleDropdown.call(item.find('a.responsive-tab-link').get(0)); } return; } @@ -1010,7 +908,7 @@ function parse_document(container) menu.find('a').click(function() { check(true); }); } - register_dropdown(item.find('a.responsive-tab-link'), item.find('.dropdown'), {visibleClass: 'activetab'}); + phpbb.registerDropdown(item.find('a.responsive-tab-link'), item.find('.dropdown'), {visibleClass: 'activetab'}); check(true); $(window).resize(check); @@ -1046,7 +944,7 @@ function parse_document(container) var parents = $(e.target).parents(); if (!parents.is('.dropdown-container.dropdown-visible')) { - $('.dropdown-container.dropdown-visible .dropdown-toggle').each(toggle_dropdown); + $('.dropdown-container.dropdown-visible .dropdown-toggle').each(phpbb.toggleDropdown); } }); From c521380273be66ed99e2f16ba914a033a6bf3250 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 26 Oct 2013 16:35:59 +0300 Subject: [PATCH 8/9] [ticket/11956] Move code that hides dropdowns to assets PHPBB3-11956 --- phpBB/assets/javascript/core.js | 20 +++++++++++++++++++- phpBB/styles/prosilver/template/forum_fn.js | 9 --------- 2 files changed, 19 insertions(+), 10 deletions(-) diff --git a/phpBB/assets/javascript/core.js b/phpBB/assets/javascript/core.js index e19729c4ab..efb945a117 100644 --- a/phpBB/assets/javascript/core.js +++ b/phpBB/assets/javascript/core.js @@ -829,6 +829,16 @@ phpbb.applyCodeEditor = function(textarea) { }); }; +/** +* List of classes that toggle dropdown menu, +* list of classes that contain visible dropdown menu +* +* Add your own classes to strings with comma (probably you +* will never need to do that) +*/ +phpbb.dropdownHandles = '.dropdown-container.dropdown-visible .dropdown-toggle'; +phpbb.dropdownVisibleContainers = '.dropdown-container.dropdown-visible'; + /** * Dropdown toggle event handler * This handler is used by phpBB.registerDropdown() and other functions @@ -841,7 +851,7 @@ phpbb.toggleDropdown = function() { if (!visible) { // Hide other dropdown menus - $('.dropdown-container.dropdown-visible .dropdown-toggle').each(phpbb.toggleDropdown); + $(phpbb.dropdownHandles).each(phpbb.toggleDropdown); // Figure out direction of dropdown var direction = options.direction, @@ -952,6 +962,14 @@ $(document).ready(function() { $('textarea[data-bbcode]').each(function() { phpbb.applyCodeEditor(this); }); + + // Hide active dropdowns when click event happens outside + $('body').click(function(e) { + var parents = $(e.target).parents(); + if (!parents.is(phpbb.dropdownVisibleContainers)) { + $(phpbb.dropdownHandles).each(phpbb.toggleDropdown); + } + }); }); })(jQuery); // Avoid conflicts with other libraries diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index c6301bad15..a01e7fd405 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -939,15 +939,6 @@ function parse_document(container) $('#' + this.getAttribute('data-focus')).focus(); }); - // Hide active dropdowns when click event happens outside - $('#phpbb').click(function(e) { - - var parents = $(e.target).parents(); - if (!parents.is('.dropdown-container.dropdown-visible')) { - $('.dropdown-container.dropdown-visible .dropdown-toggle').each(phpbb.toggleDropdown); - } - }); - parse_document($('body')); }); })(jQuery); From e8b4a50a3d17e812995828e1b274a2b6930389f6 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 26 Oct 2013 20:28:36 +0300 Subject: [PATCH 9/9] [ticket/11956] Ability to swap full and responsive text PHPBB3-11956 --- phpBB/styles/prosilver/template/forum_fn.js | 25 +++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/phpBB/styles/prosilver/template/forum_fn.js b/phpBB/styles/prosilver/template/forum_fn.js index a01e7fd405..1b2b1954ef 100644 --- a/phpBB/styles/prosilver/template/forum_fn.js +++ b/phpBB/styles/prosilver/template/forum_fn.js @@ -924,6 +924,31 @@ function parse_document(container) $(this).addClass('responsive-hide'); } }); + + /** + * Replace responsive text + */ + container.find('[data-responsive-text]').each(function() { + var $this = $(this), + fullText = $this.text(), + responsiveText = $this.attr('data-responsive-text'), + responsive = false; + + function check() { + if ($(window).width() > 700) { + if (!responsive) return; + $this.text(fullText); + responsive = false; + return; + } + if (responsive) return; + $this.text(responsiveText); + responsive = true; + } + + check(); + $(window).resize(check); + }); } /**