1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-05-22 15:31:28 +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(); $dropdown_container = $(this).parent();
// Wait a little bit to make sure the dropdown has activated
if (!$dropdown_container.hasClass('dropdown-visible')) { setTimeout(function() {
$input = $dropdown_container.find("input.inputbox"); if ($dropdown_container.hasClass('dropdown-visible')) {
setTimeout(function() { $input.focus(); },100); $dropdown_container.find("input.inputbox").focus();
} }
},100);
}); });
/** /**

View File

@ -1,7 +1,7 @@
<ul> <ul>
<!-- IF BASE_URL --> <!-- IF BASE_URL -->
<li class="dropdown-container dropdown-button-control dropdown-page-jump page-jump"> <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="dropdown hidden">
<div class="pointer"><div class="pointer-inner"></div></div> <div class="pointer"><div class="pointer-inner"></div></div>
<ul class="dropdown-contents"> <ul class="dropdown-contents">

View File

@ -159,7 +159,7 @@ dl.details dd {
/* Pagination /* Pagination
---------------------------------------- */ ---------------------------------------- */
.pagination li a, .pagination li a:link, .pagination li a:visited { .pagination li a {
color: #5C758C; color: #5C758C;
background-color: #ECEDEE; background-color: #ECEDEE;
border-color: #B4BAC0; border-color: #B4BAC0;
@ -176,18 +176,13 @@ dl.details dd {
border-color: #4692BF; 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; border-color: #368AD2;
background-color: #368AD2; background-color: #368AD2;
color: #FFFFFF; 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 { .pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
background-image: url("./images/icons_pagination.png"); background-image: url("./images/icons_pagination.png");
} }

View File

@ -884,7 +884,7 @@ li.pagination ul {
background-repeat: no-repeat; 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.next a:hover { background-position: -50px -18px; }
.pagination li.previous a:hover { background-position: -30px -18px; } .pagination li.previous a:hover { background-position: -30px -18px; }