makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-28 14:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #3931 from hanakin/ticket/14194

Browse source 
[Ticket/14194] Responsive Quick Links Menu Broken
This commit is contained in:
Marc Alexander 2015-10-11 13:24:13 +02:00
commit 03cb2a7b0c
4 changed files with 28 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
phpBB/styles/prosilver/template/navbar_header.html
View file

@ -3,7 +3,7 @@
<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<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true"> <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"> <a href="#" class="dropdown-trigger">
<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{L_QUICK_LINKS}</span> <i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{L_QUICK_LINKS}</span>
</a> </a>

5
phpBB/styles/prosilver/theme/buttons.css
View file

@ -166,6 +166,11 @@ button::-moz-focus-inner {
background-image: none; background-image: none;
} }
.dropdown .small-icon {
background-position: 5px 50%;
padding: 5px;
}
.small-icon > a { .small-icon > a {
padding: 0 0 0 18px; padding: 0 0 0 18px;
} }

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

@ -234,10 +234,6 @@ a:hover { text-decoration: underline; }
list-style-type: none; list-style-type: none;
} }
.navbar .linklist > li {
display: inline-block;
}
ul.linklist { ul.linklist {
display: block; display: block;
margin: 0; margin: 0;

24
phpBB/styles/prosilver/theme/responsive.css
View file

@ -16,9 +16,25 @@
} }
@media (max-width: 430px) { @media (max-width: 430px) {
.section-viewtopic .search-box .inputbox { .action-bar .search-box .inputbox {
width: 110px; width: 120px;
} }
.section-viewtopic .search-box .inputbox {
width: 57px;
}
.action-bar .search-box .inputbox ::-moz-placeholder {
content: "Search...";
}
.action-bar .search-box .inputbox :-ms-input-placeholder {
content: "Search...";
}
.action-bar .search-box .inputbox ::-webkit-input-placeholder {
content: "Search...";
}
} }
@media (max-width: 500px) { @media (max-width: 500px) {
@ -92,6 +108,10 @@
margin-top: 5px; margin-top: 5px;
width: 100%; width: 100%;
} }
.quick-links .dropdown-trigger span {
display: none;
}
} }
@media (max-width: 550px) { @media (max-width: 550px) {