mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-07-12 12:46:38 +02:00
Code Issues Releases Wiki Activity

[ticket/16237] rework navbar-footer css only no js

Browse Source 
PHPBB3-16237
This commit is contained in:
hanakin
2020-05-07 11:38:52 -10:00
parent dd25ed1155
commit 21bef051af
3 changed files with 115 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
phpBB/assets/javascript/core.js
View File

@ -1379,7 +1379,7 @@ phpbb.dropdownVisibleContainers = '.dropdown-container.dropdown-visible';
* Dropdown toggle event handler * Dropdown toggle event handler
* This handler is used by phpBB.registerDropdown() and other functions * This handler is used by phpBB.registerDropdown() and other functions
*/ */
phpbb.toggleDropdown = function() { phpbb.toggleDropdown = function(event_) {
var $this = $(this), var $this = $(this),
options = $this.data('dropdown-options'), options = $this.data('dropdown-options'),
parent = options.parent, parent = options.parent,
@ -1387,6 +1387,9 @@ phpbb.toggleDropdown = function() {
direction; direction;
if (!visible) { if (!visible) {
// Prevent link default action
event_.preventDefault();
event_.stopPropagation();
// Hide other dropdown menus // Hide other dropdown menus
$(phpbb.dropdownHandles).each(phpbb.toggleDropdown); $(phpbb.dropdownHandles).each(phpbb.toggleDropdown);

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

@ -3,28 +3,37 @@
<ul id="nav-footer" class="nav-footer linklist" role="menubar"> <ul id="nav-footer" class="nav-footer linklist" role="menubar">
<li class="breadcrumbs"> <li class="breadcrumbs">
<!-- IF U_SITE_HOME --> {% if U_SITE_HOME %}
{% apply spaceless %} {% apply spaceless %}
<span class="crumb"> <span class="crumb">
<a href="{U_SITE_HOME}" data-navbar-reference="home"> <a href="{{ U_SITE_HOME }}" data-navbar-reference="home">
{{ Icon('iconify', 'fa:home', lang('SITE_HOME'), false) }} {{ Icon('iconify', 'fa:home', lang('SITE_HOME'), false) }}
</a> </a>
</span> </span>
{% endapply %} {% endapply %}
<!-- ENDIF --> {% endif %}
<!-- EVENT overall_footer_breadcrumb_prepend -->
{% EVENT overall_footer_breadcrumb_prepend %}
{% apply spaceless %} {% apply spaceless %}
<span class="crumb"> <span class="crumb">
<a href="{U_INDEX}" data-navbar-reference="index"> <a href="{{ U_INDEX }}" data-navbar-reference="index">
<!-- IF not U_SITE_HOME -->{{ Icon('iconify', 'fa:home', lang(L_INDEX), false) }}<!-- ENDIF --> {% if U_SITE_HOME %}
<span>{{ lang('INDEX') }}</span>
{% else %}
{{ Icon('iconify', 'fa:home', lang('INDEX'), false) }}
{% endif %}
</a> </a>
</span> </span>
{% endapply %} {% endapply %}
<!-- EVENT overall_footer_breadcrumb_append -->
{% EVENT overall_footer_breadcrumb_append %}
</li> </li>
<!-- IF U_WATCH_FORUM_LINK and not S_IS_BOT -->
<li data-last-responsive="true"> {% block nav_footer_left_side %}
<a href="{U_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}" data-ajax="toggle_link" data-toggle-text="{S_WATCH_FORUM_TOGGLE}" data-toggle-url="{U_WATCH_FORUM_TOGGLE}"> {% if U_WATCH_FORUM_LINK and not S_IS_BOT %}
<li class="in-menu">
<a href="{{ U_WATCH_FORUM_LINK }}" title="{{ S_WATCH_FORUM_TITLE }}" data-ajax="toggle_link" data-toggle-text="{{ S_WATCH_FORUM_TOGGLE }}" data-toggle-url="{{ U_WATCH_FORUM_TOGGLE }}">
{% if S_WATCHING_FORUM %} {% if S_WATCHING_FORUM %}
{{ Icon('iconify', 'mdi:checkbox-blank-outline', '', true, 'c-subscribe-icon') }} {{ Icon('iconify', 'mdi:checkbox-blank-outline', '', true, 'c-subscribe-icon') }}
{{ Icon('iconify', 'mdi:checkbox-marked', '', true, 'c-subscribe-icon is-active') }} {{ Icon('iconify', 'mdi:checkbox-marked', '', true, 'c-subscribe-icon is-active') }}
@ -32,44 +41,76 @@
{{ Icon('iconify', 'mdi:checkbox-blank-outline', '', true, 'c-subscribe-icon is-active') }} {{ Icon('iconify', 'mdi:checkbox-blank-outline', '', true, 'c-subscribe-icon is-active') }}
{{ Icon('iconify', 'mdi:checkbox-marked', '', true, 'c-subscribe-icon') }} {{ Icon('iconify', 'mdi:checkbox-marked', '', true, 'c-subscribe-icon') }}
{% endif %} {% endif %}
<span>{S_WATCH_FORUM_TITLE}</span> <span>{{ S_WATCH_FORUM_TITLE }}</span>
</a> </a>
</li> </li>
<!-- ENDIF --> {% endif %}
{% endblock nav_footer_left_side %}
<!-- EVENT overall_footer_timezone_before --> {# End of left side menu Start of right side menu #}
<li class="rightside">{S_TIMEZONE}</li>
<!-- EVENT overall_footer_timezone_after --> {% EVENT overall_footer_timezone_before %}
<!-- IF not S_IS_BOT -->
<li class="rightside"> <li class="rightside">
<a href="{U_DELETE_COOKIES}" data-ajax="true" data-refresh="true" role="menuitem"> {{ S_TIMEZONE }}
</li>
{% EVENT overall_footer_timezone_after %}
{% block nav_footer_right_side %}
{% if not S_IS_BOT %}
<li class="rightside in-menu">
<a href="{{ U_DELETE_COOKIES }}" data-ajax="true" data-refresh="true" role="menuitem">
{{ Icon('iconify', 'fa:trash', lang('DELETE_COOKIES'), false) }} {{ Icon('iconify', 'fa:trash', lang('DELETE_COOKIES'), false) }}
</a> </a>
</li> </li>
<!-- IF S_DISPLAY_MEMBERLIST -->
<li class="rightside" data-last-responsive="true"> {% if S_DISPLAY_MEMBERLIST %}
<a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" role="menuitem"> <li class="rightside in-menu">
<a href="{{ U_MEMBERLIST }}" title="{{ lang('MEMBERLIST_EXPLAIN') }}" role="menuitem">
{{ Icon('iconify', 'fa:group', lang('MEMBERLIST'), false) }} {{ Icon('iconify', 'fa:group', lang('MEMBERLIST'), false) }}
</a> </a>
</li> </li>
<!-- ENDIF --> {% endif %}
<!-- ENDIF --> {% endif %}
<!-- EVENT overall_footer_teamlink_before -->
<!-- IF U_TEAM --> {% EVENT overall_footer_teamlink_before %}
<li class="rightside" data-last-responsive="true">
<a href="{U_TEAM}" role="menuitem"> {% if U_TEAM %}
<li class="rightside in-menu">
<a href="{{ U_TEAM }}" role="menuitem">
{{ Icon('iconify', 'fa:shield', lang('THE_TEAM'), false) }} {{ Icon('iconify', 'fa:shield', lang('THE_TEAM'), false) }}
</a> </a>
</li> </li>
<!-- ENDIF --> {% endif %}
<!-- EVENT overall_footer_teamlink_after -->
<!-- IF U_CONTACT_US --> {% EVENT overall_footer_teamlink_after %}
<li class="rightside" data-last-responsive="true">
<a href="{U_CONTACT_US}" role="menuitem"> {% if U_CONTACT_US %}
<li class="rightside in-menu">
<a href="{{ U_CONTACT_US }}" role="menuitem">
{{ Icon('iconify', 'fa:envelope', lang('CONTACT_US'), false) }} {{ Icon('iconify', 'fa:envelope', lang('CONTACT_US'), false) }}
</a> </a>
</li> </li>
<!-- ENDIF --> {% endif %}
{% endblock nav_footer_right_side %}
{# right side responsive menu #}
<li class="rightside dropdown-container post-buttons-responsive-menu">
<a class="dropdown-toggle post-button-responsive" href="">
{{ Icon('iconify', 'fa:bars', '', true) }}
</a>
<div class="dropdown">
<div class="pointer">
<div class="pointer-inner"></div>
</div>
<ul class="dropdown-contents">
{{ block('nav_footer_left_side', _self) }}
<li class="separator"></li>
{{ block('nav_footer_right_side', _self) }}
</ul>
</div>
</li>
</ul> </ul>
</div> </div>

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

@ -581,6 +581,10 @@
margin-left: 0 !important; margin-left: 0 !important;
} }
.nav-footer.linklist .in-menu {
display: none !important;
}
/* post-buttons */ /* post-buttons */
.has-profile .post-buttons { .has-profile .post-buttons {
@ -591,6 +595,7 @@
display: none; display: none;
} }
.nav-footer.linklist .post-buttons-responsive-menu .in-menu,
.post-buttons-responsive-menu, .post-buttons-responsive-menu,
.post-button-responsive, .post-button-responsive,
.post-buttons-responsive-menu .post-buttons-label { .post-buttons-responsive-menu .post-buttons-label {