1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-05-21 06:53:49 +02:00

[ticket/12613] Dropdown-visible page-jump icon, fix focus() timing

Also removed outdated CSS

PHPBB3-12613
This commit is contained in:
PayBas 2014-06-01 19:08:07 +02:00
parent c47b546bf0
commit 27c678125a
4 changed files with 12 additions and 16 deletions

View File

@ -367,13 +367,14 @@ function parse_document(container)
}
});
container.find('.pagination-trigger').click(function() {
container.find('.pagination .dropdown-trigger').click(function() {
$dropdown_container = $(this).parent();
if (!$dropdown_container.hasClass('dropdown-visible')) {
$input = $dropdown_container.find("input.inputbox");
setTimeout(function() { $input.focus(); },100);
}
// Wait a little bit to make sure the dropdown has activated
setTimeout(function() {
if ($dropdown_container.hasClass('dropdown-visible')) {
$dropdown_container.find("input.inputbox").focus();
}
},100);
});
/**

View File

@ -1,7 +1,7 @@
<ul>
<!-- IF BASE_URL -->
<li class="dropdown-container dropdown-button-control dropdown-page-jump page-jump">
<a href="#" class="pagination-trigger dropdown-trigger" title="{L_JUMP_TO_PAGE_CLICK}">{PAGE_NUMBER}</a>
<a href="#" class="dropdown-trigger" title="{L_JUMP_TO_PAGE_CLICK}">{PAGE_NUMBER}</a>
<div class="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents">

View File

@ -159,7 +159,7 @@ dl.details dd {
/* Pagination
---------------------------------------- */
.pagination li a, .pagination li a:link, .pagination li a:visited {
.pagination li a {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
@ -176,18 +176,13 @@ dl.details dd {
border-color: #4692BF;
}
.pagination li a:hover, .pagination .active a:hover {
.pagination li a:hover, .pagination .active a:hover,
.pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { {
border-color: #368AD2;
background-color: #368AD2;
color: #FFFFFF;
}
.pagination li a:active, .pagination li.active a:active {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}
.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
background-image: url("./images/icons_pagination.png");
}

View File

@ -884,7 +884,7 @@ li.pagination ul {
background-repeat: no-repeat;
}
.pagination li.page-jump a:hover { background-position: 0 -18px; }
.pagination li.page-jump a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { background-position: 0 -18px; }
.pagination li.next a:hover { background-position: -50px -18px; }
.pagination li.previous a:hover { background-position: -30px -18px; }