makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-28 06:08:52 +00:00
Code Issues Projects Releases Packages 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
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -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;

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

@ -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; }