mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-25 04:24:31 +02:00
Code Issues Releases Wiki Activity

[ticket/11956] Fix IE responsive breadcrumbs and navigation icon

Browse Source 
PHPBB3-11956
This commit is contained in:
Vjacheslav Trushkin
2013-10-25 02:20:49 +03:00
parent fa8d1eb2dc
commit db9ca2fc63
2 changed files with 15 additions and 11 deletions
phpBB/styles/prosilver
template
forum_fn.js
theme
common.css

12
phpBB/styles/prosilver/template/forum_fn.js

@ -584,11 +584,6 @@ function parse_document(container)
lastWidth = false, lastWidth = false,
wrapped = false; wrapped = false;
// Test height by setting nowrap
$this.css('white-space', 'nowrap');
maxHeight = $this.height() + 1;
$this.css('white-space', '');
// Set tooltips // Set tooltips
$this.find('a').each(function() { $this.find('a').each(function() {
var $link = $(this); var $link = $(this);
@ -601,6 +596,13 @@ function parse_document(container)
width = $body.width(), width = $body.width(),
link, i, j; 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 (height <= maxHeight) {
if (!wrapped || lastWidth === false || lastWidth >= width) { if (!wrapped || lastWidth === false || lastWidth >= width) {
lastWidth = width; lastWidth = width;

14
phpBB/styles/prosilver/theme/common.css

@ -372,7 +372,7 @@ ul.linklist li.responsive-menu a.responsive-menu-link {
font-size: 16px; font-size: 16px;
position: relative; position: relative;
width: 16px; width: 16px;
line-height: 16px; line-height: 16.5px;
text-decoration: none; text-decoration: none;
} }
@ -533,20 +533,22 @@ ul.linklist.bulletin li.no-bulletin:before {
/* Responsive breadcrumbs /* Responsive breadcrumbs
----------------------------------------*/ ----------------------------------------*/
.breadcrumbs .crumb {
word-wrap: normal;
}
.breadcrumbs .crumb a { .breadcrumbs .crumb a {
display: inline-block; display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom; vertical-align: bottom;
overflow: hidden;
} }
.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; } .breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; } .breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; } .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-max a { max-width: 120px; }
.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; } .breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; } .breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }