mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-03-21 16:10:38 +01:00
Code Issues Releases Wiki Activity

[ticket/16237] fix responsive footer/header navs

Browse Source 
PHPBB3-16237
This commit is contained in:
hanakin 2020-05-07 20:17:06 -10:00
parent 3c7d941135
commit 98e6006c4f
4 changed files with 218 additions and 362 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

167
phpBB/styles/prosilver/template/forum_fn.js
View File

@ -329,17 +329,6 @@ function parseDocument($container) {
}, 100);
});
/**
* Adjust HTML code for IE8 and older versions
*/
// if (oldBrowser) {
// // Fix .linklist.bulletin lists
// $container
// .find('ul.linklist.bulletin > li')
// .filter(':first-child, .rightside:last-child')
// .addClass('no-bulletin');
// }
/**
* Resize navigation (breadcrumbs) block to keep all links on same line
*/
@ -445,162 +434,6 @@ function parseDocument($container) {
$(window).resize(check);
});
/**
* Responsive link lists
*/
var selector = '.linklist:not(.navlinks, [data-skip-responsive])';
$container.find(selector).each(function() {
var $this = $(this),
filterSkip = '.breadcrumbs, [data-skip-responsive]',
filterLast = '[data-last-responsive]',
$linksAll = $this.children(),
$linksNotSkip = $linksAll.not(filterSkip), // All items that can potentially be hidden
$linksFirst = $linksNotSkip.not(filterLast), // The items that will be hidden first
$linksLast = $linksNotSkip.filter(filterLast), // The items that will be hidden last
persistent = $this.attr('id') === 'nav-main', // Does this list already have a menu (such as quick-links)?
slack = 3; // Vertical slack space (in pixels). Determines how sensitive the script is in determining whether a line-break has occurred.
// Set some object references and initial states
var $menu = $this.children('.responsive-menu'),
$menuContents = $menu.find('.dropdown-contents'),
persistentContent = $menuContents.find('li:not(.separator)').length,
lastWidth = false,
compact = false,
responsive1 = false,
responsive2 = false,
copied1 = false,
copied2 = false,
maxHeight = 0;
// Find the tallest element in the list (we assume that all elements are roughly the same height)
$linksAll.each(function() {
if (!$(this).height()) {
return;
}
maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
});
if (maxHeight < 1) {
return; // Shouldn't be possible, but just in case, abort
} else {
maxHeight = maxHeight + slack;
}
function check() {
var width = $body.width();
// We can't make it any smaller than this, so just skip
if (responsive2 && compact && (width <= lastWidth)) {
return;
}
lastWidth = width;
// Reset responsive and compact layout
if (responsive1 || responsive2) {
$linksNotSkip.removeClass('hidden');
$menuContents.children('.clone').addClass('hidden');
responsive1 = responsive2 = false;
}
if (compact) {
$this.removeClass('compact');
compact = false;
}
// Unhide the quick-links menu if it has "persistent" content
if (persistent && persistentContent) {
$menu.removeClass('hidden');
} else {
$menu.addClass('hidden');
}
// Nothing to resize if block's height is not bigger than tallest element's height
if ($this.height() <= maxHeight) {
return;
}
// STEP 1: Compact
if (!compact) {
$this.addClass('compact');
compact = true;
}
if ($this.height() <= maxHeight) {
return;
}
// STEP 2: First responsive set - compact
if (compact) {
$this.removeClass('compact');
compact = false;
}
// Copy the list items to the dropdown
if (!copied1) {
var $clones1 = $linksFirst.clone();
$menuContents.prepend($clones1.addClass('clone clone-first').removeClass('leftside rightside'));
copied1 = true;
}
if (!responsive1) {
$linksFirst.addClass('hidden');
responsive1 = true;
$menuContents.children('.clone-first').removeClass('hidden');
$menu.removeClass('hidden');
}
if ($this.height() <= maxHeight) {
return;
}
// STEP 3: First responsive set + compact
if (!compact) {
$this.addClass('compact');
compact = true;
}
if ($this.height() <= maxHeight) {
return;
}
// STEP 4: Last responsive set - compact
if (!$linksLast.length) {
return; // No other links to hide, can't do more
}
if (compact) {
$this.removeClass('compact');
compact = false;
}
// Copy the list items to the dropdown
if (!copied2) {
var $clones2 = $linksLast.clone();
$menuContents.prepend($clones2.addClass('clone clone-last').removeClass('leftside rightside'));
copied2 = true;
}
if (!responsive2) {
$linksLast.addClass('hidden');
responsive2 = true;
$menuContents.children('.clone-last').removeClass('hidden');
}
if ($this.height() <= maxHeight) {
return;
}
// STEP 5: Last responsive set + compact
if (!compact) {
$this.addClass('compact');
compact = true;
}
}
if (!persistent) {
phpbb.registerDropdown($menu.find('a.js-responsive-menu-link'), $menu.find('.dropdown'), false);
}
// If there are any images in the links list, run the check again after they have loaded
$linksAll.find('img').each(function() {
$(this).on('load', function() {
check();
});
});
check();
$(window).resize(check);
});
/**
* Do not run functions below for old browsers
*/

4
phpBB/styles/prosilver/template/navbar_footer.html
View File

@ -95,8 +95,8 @@
{# right side responsive menu #}
<li class="rightside dropdown-container post-buttons-responsive-menu">
<a class="dropdown-toggle post-button-responsive" href="">
<li class="rightside dropdown-container responsive-menu" data-skip-responsive="true">
<a class="dropdown-toggle" href="">
{{ Icon('iconify', 'fa:bars', '', true) }}
</a>
<div class="dropdown">

391
phpBB/styles/prosilver/template/navbar_header.html
View File

@ -1,200 +1,209 @@
<div class="navbar" role="navigation">
<div class="inner">
<ul id="nav-main" class="nav-main linklist" role="menubar">
<ul id="nav-main" class="nav-main linklist" role="menubar">
<li id="quick-links" class="quick-links dropdown-container responsive-menu<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
<a href="#" class="dropdown-trigger">
{{ Icon('iconify', 'fa:bars', lang('QUICK_LINKS'), false) }}
</a>
<div class="dropdown">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<!-- EVENT navbar_header_quick_links_before -->
<li id="quick-links" class="quick-links dropdown-container responsive-menu{% if not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH %} hidden{% endif %}">
<a href="#" class="dropdown-trigger">
{{ Icon('iconify', 'fa:bars', lang('QUICK_LINKS'), false) }}
</a>
<div class="dropdown">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
{% EVENT navbar_header_quick_links_before %}
<!-- IF S_DISPLAY_SEARCH -->
<li class="separator"></li>
<!-- IF S_REGISTERED_USER -->
{% if S_DISPLAY_SEARCH %}
<li class="separator"></li>
{% if S_REGISTERED_USER %}
<li>
<a href="{{ U_SEARCH_SELF }}" role="menuitem">
{{ Icon('iconify', 'mdi:file-account-outline', lang('SEARCH_SELF'), false) }}
</a>
</li>
{% endif %}
{% if S_USER_LOGGED_IN %}
<li>
<a href="{{ U_SEARCH_NEW }}" role="menuitem">
{{ Icon('iconify', 'mdi:file-hidden', lang('SEARCH_NEW'), false) }}
</a>
</li>
{% endif %}
{% if S_LOAD_UNREADS %}
<li>
<a href="{{ U_SEARCH_UNREAD }}" role="menuitem">
{{ Icon('iconify', 'mdi:file', lang('SEARCH_UNREAD'), false) }}
</a>
</li>
{% endif %}
<li>
<a href="{U_SEARCH_SELF}" role="menuitem">
{{ Icon('iconify', 'mdi:file-account-outline', lang('SEARCH_SELF'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<li>
<a href="{U_SEARCH_NEW}" role="menuitem">
{{ Icon('iconify', 'mdi:file-hidden', lang('SEARCH_NEW'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- IF S_LOAD_UNREADS -->
<li>
<a href="{U_SEARCH_UNREAD}" role="menuitem">
{{ Icon('iconify', 'mdi:file', lang('SEARCH_UNREAD'), false) }}
</a>
</li>
<!-- ENDIF -->
<li>
<a href="{U_SEARCH_UNANSWERED}" role="menuitem">
<a href="{{ U_SEARCH_UNANSWERED }}" role="menuitem">
{{ Icon('iconify', 'mdi:file-question-outline', lang('SEARCH_UNANSWERED'), false) }}
</a>
</li>
<li>
<a href="{U_SEARCH_ACTIVE_TOPICS}" role="menuitem">
<a href="{{ U_SEARCH_ACTIVE_TOPICS }}" role="menuitem">
{{ Icon('iconify', 'mdi:file-upload-outline', lang('SEARCH_ACTIVE_TOPICS'), false) }}
</a>
</li>
<li class="separator"></li>
<li>
<a href="{U_SEARCH}" role="menuitem">
<a href="{{ U_SEARCH }}" role="menuitem">
{{ Icon('iconify', 'fa:search', lang('SEARCH'), false) }}
</a>
</li>
<!-- ENDIF -->
{% endif %}
<!-- IF not S_IS_BOT and (S_DISPLAY_MEMBERLIST or U_TEAM) -->
{% if not S_IS_BOT and (S_DISPLAY_MEMBERLIST or U_TEAM) %}
<li class="separator"></li>
{% if S_DISPLAY_MEMBERLIST %}
<li>
<a href="{{ U_MEMBERLIST }}" role="menuitem">
{{ Icon('iconify', 'fa:group', lang('MEMBERLIST'), false) }}
</a>
</li>
{% endif %}
{% if U_TEAM %}
<li>
<a href="{{ U_TEAM }}" role="menuitem">
{{ Icon('iconify', 'fa:shield', lang('THE_TEAM'), false) }}
</a>
</li>
{% endif %}
{% endif %}
<li class="separator"></li>
<!-- IF S_DISPLAY_MEMBERLIST -->
<li>
<a href="{U_MEMBERLIST}" role="menuitem">
{{ Icon('iconify', 'fa:group', lang('MEMBERLIST'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- IF U_TEAM -->
<li>
<a href="{U_TEAM}" role="menuitem">
{{ Icon('iconify', 'fa:shield', lang('THE_TEAM'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- ENDIF -->
<li class="separator"></li>
<!-- EVENT navbar_header_quick_links_after -->
</ul>
</div>
</li>
<!-- EVENT overall_header_navigation_prepend -->
<li <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
<a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
{{ Icon('iconify', 'fa:question-circle', lang('FAQ'), false) }}
</a>
</li>
<!-- EVENT overall_header_navigation_append -->
<!-- IF U_ACP -->
<li data-last-responsive="true">
<a href="{U_ACP}" title="{L_ACP}" role="menuitem">
{{ Icon('iconify', 'fa:cogs', lang('ACP_SHORT'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- IF U_MCP -->
<li data-last-responsive="true">
<a href="{U_MCP}" title="{L_MCP}" role="menuitem">
{{ Icon('iconify', 'fa:gavel', lang('MCP_SHORT'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- IF S_REGISTERED_USER -->
<!-- EVENT navbar_header_user_profile_prepend -->
<li id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
<!-- EVENT navbar_header_username_prepend -->
<div class="header-profile dropdown-container">
<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->{CURRENT_USER_AVATAR} <!-- ENDIF --> {CURRENT_USERNAME_SIMPLE} {{ Icon('iconify', 'fa:caret-down', '', true, '', {'style': CURRENT_USER_GROUP_COLOR}) }}</a>
<div class="dropdown">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
<!-- IF U_RESTORE_PERMISSIONS -->
<li>
<a href="{U_RESTORE_PERMISSIONS}">
{{ Icon('iconify', 'fa:refresh', lang('RESTORE_PERMISSIONS'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- EVENT navbar_header_profile_list_before -->
<li>
<a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">
{{ Icon('iconify', 'fa:sliders', lang('PROFILE'), false) }}
</a>
</li>
<!-- IF U_USER_PROFILE -->
<li>
<a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">
{{ Icon('iconify', 'fa:user', lang('READ_PROFILE'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- EVENT navbar_header_profile_list_after -->
{% EVENT navbar_header_quick_links_after %}
<li class="separator"></li>
<li>
<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
{{ Icon('iconify', 'fa:power-off', lang('LOGIN_LOGOUT'), false) }}
</a>
</li>
{% block nav_main_left_side %}
{% EVENT overall_header_navigation_prepend %}
<li class="in-menu">
<a href="{{ U_FAQ }}" rel="help" title="{{ lang('FAQ_EXPLAIN') }}" role="menuitem">
{{ Icon('iconify', 'fa:question-circle', lang('FAQ'), false) }}
</a>
</li>
{% EVENT overall_header_navigation_append %}
{% endblock nav_main_left_side %}
</ul>
</div>
</div>
<!-- EVENT navbar_header_username_append -->
</li>
<!-- IF S_DISPLAY_PM -->
<li class="rightside" data-skip-responsive="true">
<a href="{U_PRIVATEMSGS}" role="menuitem">
{{ Icon('iconify', 'fa:inbox', lang('PRIVATE_MESSAGES'), false) }}<strong class="badge<!-- IF not PRIVATE_MESSAGE_COUNT --> hidden<!-- ENDIF -->"> {PRIVATE_MESSAGE_COUNT}</strong>
</a>
</li>
<!-- ENDIF -->
<!-- IF S_NOTIFICATIONS_DISPLAY -->
<li class="dropdown-container dropdown-{S_CONTENT_FLOW_END} rightside" data-skip-responsive="true">
<a href="{U_VIEW_ALL_NOTIFICATIONS}" id="notification-button" class="dropdown-trigger">
{{ Icon('iconify', 'fa:bell', lang('NOTIFICATIONS'), false) }}<strong class="badge<!-- IF not NOTIFICATIONS_COUNT --> hidden<!-- ENDIF -->">{NOTIFICATIONS_COUNT}</strong>
</a>
<!-- INCLUDE notification_dropdown.html -->
</li>
<!-- ENDIF -->
<!-- EVENT navbar_header_user_profile_append -->
<!-- ELSE IF not S_IS_BOT -->
<li class="rightside" data-skip-responsive="true">
<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
{{ Icon('iconify', 'fa:power-off', lang('LOGIN_LOGOUT'), false) }}
</a>
</li>
<!-- IF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
<li class="rightside" data-skip-responsive="true">
<a href="{U_REGISTER}" role="menuitem">
{{ Icon('iconify', 'fa:pencil-square-o', lang('REGISTER'), false) }}
</a>
</li>
<!-- ENDIF -->
<!-- EVENT navbar_header_logged_out_content -->
<!-- ENDIF -->
</ul>
<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
{% set MICRODATA = 'itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope' %}
{% set navlink_position = 1 %}
{% EVENT overall_header_breadcrumbs_before %}
<li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">
{% if U_SITE_HOME %}
<span class="crumb" {{ MICRODATA }}>
<a itemprop="item" href="{{ U_SITE_HOME }}" data-navbar-reference="home">
{{ Icon('iconify', 'fa:home', '', true) }}<span itemprop="name">{{ L_SITE_HOME }}</span>
{{ block('nav_main_left_side', _self) }}
{% if U_ACP %}
<li>
<a href="{{ U_ACP }}" title="{{ lang('ACP') }}" role="menuitem">
{{ Icon('iconify', 'fa:cogs', lang('ACP_SHORT'), false) }}
</a>
<meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}">
</span>
</li>
{% endif %}
{% if U_MCP %}
<li>
<a href="{{ U_MCP }}" title="{{ lang('MCP') }}" role="menuitem">
{{ Icon('iconify', 'fa:gavel', lang('MCP_SHORT'), false) }}
</a>
</li>
{% endif %}
{% EVENT overall_header_breadcrumb_prepend %}
{% if S_REGISTERED_USER %}
{% EVENT navbar_header_user_profile_prepend %}
<li id="username_logged_in" class="rightside {% if CURRENT_USER_AVATAR %} no-bulletin{% endif %}">
{% EVENT navbar_header_username_prepend %}
<div class="header-profile dropdown-container">
<a href="{{ U_PROFILE }}" class="header-avatar dropdown-trigger">
{% if CURRENT_USER_AVATAR %}{{ CURRENT_USER_AVATAR }} {% endif %}
{{ CURRENT_USERNAME_SIMPLE }}
{{ Icon('iconify', 'fa:caret-down', '', true, '', {'style': CURRENT_USER_GROUP_COLOR}) }}
</a>
<div class="dropdown">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents" role="menu">
{% if U_RESTORE_PERMISSIONS %}
<li>
<a href="{{ U_RESTORE_PERMISSIONS }}">
{{ Icon('iconify', 'fa:refresh', lang('RESTORE_PERMISSIONS'), false) }}
</a>
</li>
{% endif %}
{% EVENT navbar_header_profile_list_before %}
<li>
<a href="{{ U_PROFILE }}" title="{{ lang('PROFILE') }}" role="menuitem">
{{ Icon('iconify', 'fa:sliders', lang('PROFILE'), false) }}
</a>
</li>
{% if U_USER_PROFILE %}
<li>
<a href="{{ U_USER_PROFILE }}" title="{{ lang('READ_PROFILE') }}" role="menuitem">
{{ Icon('iconify', 'fa:user', lang('READ_PROFILE'), false) }}
</a>
</li>
{% endif %}
{% EVENT navbar_header_profile_list_after %}
<li class="separator"></li>
<li>
<a href="{{ U_LOGIN_LOGOUT }}" title="{{ lang('LOGIN_LOGOUT') }}" accesskey="x" role="menuitem">
{{ Icon('iconify', 'fa:power-off', lang('LOGIN_LOGOUT'), false) }}
</a>
</li>
</ul>
</div>
</div>
{% EVENT navbar_header_username_append %}
</li>
{% if S_DISPLAY_PM %}
<li class="rightside">
<a href="{{ U_PRIVATEMSGS }}" role="menuitem">
{{ Icon('iconify', 'fa:inbox', lang('PRIVATE_MESSAGES'), false) }}<strong class="badge{% if not PRIVATE_MESSAGE_COUNT %} hidden{% endif %}"> {PRIVATE_MESSAGE_COUNT}</strong>
</a>
</li>
{% endif %}
{% if S_NOTIFICATIONS_DISPLAY %}
<li class="dropdown-container dropdown-{S_CONTENT_FLOW_END} rightside">
<a href="{{ U_VIEW_ALL_NOTIFICATIONS }}" id="notification-button" class="dropdown-trigger">
{{ Icon('iconify', 'fa:bell', lang('NOTIFICATIONS'), false) }}<strong class="badge{% if not NOTIFICATIONS_COUNT %} hidden{% endif %}">{NOTIFICATIONS_COUNT}</strong>
</a>
{% include 'notification_dropdown.html' %}
</li>
{% endif %}
{% EVENT navbar_header_user_profile_append %}
{% elseif not S_IS_BOT %}
<li class="rightside" >
<a href="{{ U_LOGIN_LOGOUT }}" title="{{ lang('LOGIN_LOGOUT') }}" accesskey="x" role="menuitem">
{{ Icon('iconify', 'fa:power-off', lang('LOGIN_LOGOUT'), false) }}
</a>
</li>
{% if S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) %}
<li class="rightside">
<a href="{{ U_REGISTER }}" role="menuitem">
{{ Icon('iconify', 'fa:pencil-square-o', lang('REGISTER'), false) }}
</a>
</li>
{% endif %}
{% EVENT navbar_header_logged_out_content %}
{% endif %}
</ul>
<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
{% set MICRODATA = 'itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope' %}
{% set navlink_position = 1 %}
{% EVENT overall_header_breadcrumbs_before %}
<li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">
{% if U_SITE_HOME %}
<span class="crumb" {{ MICRODATA }}>
<a itemprop="item" href="{{ U_SITE_HOME }}" data-navbar-reference="home">
{{ Icon('iconify', 'fa:home', '', true) }}<span itemprop="name">{{ L_SITE_HOME }}</span>
</a>
<meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}">
</span>
{% endif %}
{% EVENT overall_header_breadcrumb_prepend %}
<span class="crumb" {{ MICRODATA }}>
<a itemprop="item" href="{{ U_INDEX }}" accesskey="h" data-navbar-reference="index">
{% if not U_SITE_HOME %}{{ Icon('iconify', 'fa:home', '', true) }}{% endif %}<span itemprop="name">{{ L_INDEX }}</span>
@ -202,32 +211,32 @@
<meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}">
</span>
{% for navlink in navlinks %}
{% set NAVLINK_NAME = navlink.BREADCRUMB_NAME | default(navlink.FORUM_NAME) %}
{% set NAVLINK_LINK = navlink.U_BREADCRUMB | default(navlink.U_VIEW_FORUM) %}
{% for navlink in navlinks %}
{% set NAVLINK_NAME = navlink.BREADCRUMB_NAME | default(navlink.FORUM_NAME) %}
{% set NAVLINK_LINK = navlink.U_BREADCRUMB | default(navlink.U_VIEW_FORUM) %}
{% EVENT overall_header_navlink_prepend %}
<span class="crumb" {{ MICRODATA }}{% if navlink.MICRODATA %} {{ navlink.MICRODATA }}{% endif %}>
<a itemprop="item" href="{{ NAVLINK_LINK }}">
<span itemprop="name">{{ NAVLINK_NAME }}</span>
</a>
<meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}">
</span>
{% EVENT overall_header_navlink_append %}
{% endfor %}
{% EVENT overall_header_breadcrumb_append %}
</li>
{% EVENT overall_header_breadcrumbs_after %}
{% if S_DISPLAY_SEARCH and not S_IN_SEARCH %}
<li class="rightside responsive-search">
<a href="{{ U_SEARCH }}" title="{{ lang('SEARCH_ADV_EXPLAIN') }}" role="menuitem">
{{ Icon('iconify', 'fa:search', lang('SEARCH'), true) }}
</a>
{% EVENT overall_header_navlink_prepend %}
<span class="crumb" {{ MICRODATA }}{% if navlink.MICRODATA %} {{ navlink.MICRODATA }}{% endif %}>
<a itemprop="item" href="{{ NAVLINK_LINK }}">
<span itemprop="name">{{ NAVLINK_NAME }}</span>
</a>
<meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}">
</span>
{% EVENT overall_header_navlink_append %}
{% endfor %}
{% EVENT overall_header_breadcrumb_append %}
</li>
{% endif %}
</ul>
{% EVENT overall_header_breadcrumbs_after %}
{% if S_DISPLAY_SEARCH and not S_IN_SEARCH %}
<li class="rightside responsive-search">
<a href="{{ U_SEARCH }}" title="{{ lang('SEARCH_ADV_EXPLAIN') }}" role="menuitem">
{{ Icon('iconify', 'fa:search', lang('SEARCH'), true) }}
</a>
</li>
{% endif %}
</ul>
</div>
</div>

18
phpBB/styles/prosilver/theme/responsive.css
View File

@ -114,6 +114,10 @@
display: none;
}
.nav-main .rightside a span {
display: none;
}
.rtl dl.details dt,
.rtl dl.details dd {
text-align: right;
@ -581,7 +585,8 @@
margin-left: 0 !important;
}
.nav-footer.linklist .in-menu {
.nav-footer.linklist .in-menu,
.nav-main.linklist .in-menu {
display: none !important;
}
@ -595,7 +600,8 @@
display: none;
}
.nav-footer.linklist .post-buttons-responsive-menu .in-menu,
.nav-footer.linklist .responsive-menu .in-menu,
.nav-main.linklist .responsive-menu .in-menu,
.post-buttons-responsive-menu,
.post-button-responsive,
.post-buttons-responsive-menu .post-buttons-label {
@ -774,6 +780,14 @@
.postprofile {
width: 200px;
}
.nav-main.linklist .in-menu {
display: block !important;
}
.nav-main.linklist .responsive-menu .in-menu {
display: none !important;
}
}
@media (min-width: 701px) and (max-width: 950px) {