diff --git a/app/resources/locales/en_US/operation.po b/app/resources/locales/en_US/operation.po index 4d2266ac6..d2e369104 100644 --- a/app/resources/locales/en_US/operation.po +++ b/app/resources/locales/en_US/operation.po @@ -88,10 +88,10 @@ msgid "next" msgstr "Next" msgid "page.display" -msgstr "Display" +msgstr "Display records" msgid "page.goto" -msgstr "Go To Page" +msgstr "Go to page" msgid "previous" msgstr "Previous" diff --git a/app/templates/element/pagination.php b/app/templates/element/pagination.php index a3fe01e0c..f3d99f8d6 100644 --- a/app/templates/element/pagination.php +++ b/app/templates/element/pagination.php @@ -63,14 +63,15 @@ class="pagination-form" return false;"> - + Paginator->counter('{{pages}}') > 25) { + // XXX Change this test to 25 when the default is 25 + if($this->Paginator->counter('{{count}}') > 20) { // Provide a form for setting the page limit. - // Default is 25 records, current maximum is 100. + // Default is 20 records (XXX but will be 25), maximum is 100. // For now we will simply hard-code the options from 25 - 100. print $this->Form->create(null, [ 'type' => 'get', 'class' => 'pagination-form' ]); @@ -96,10 +97,10 @@ class="pagination-form" 'type' => 'select', 'label' => __d('operation', 'page.display'), 'value' => $this->request->getQuery('limit'), - 'options' => [25 => 25, 50 => 50, 100 => 100], - 'onChange' => 'this.form.submit()' + 'options' => [25 => 25, 50 => 50, 75 => 75, 100 => 100] ]); + print $this->Form->submit(__d('operation', 'go')); print $this->Form->end(); } ?> diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index 2cb2487db..462ac938f 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -828,7 +828,9 @@ th.actions { } #pagination .pagination-form { display: inline-block; - margin-left: 2em; +} +#pagination #goto-page { + margin: 0 2em; } #pagination .pagination-form label { margin-bottom: 0; @@ -840,24 +842,27 @@ th.actions { padding: 2px; font-size: 0.9em; background-color: var(--cmg-color-lightgray-004); - border: 1px solid var(--cmg-color-green-005); + border: 1px solid var(--cmg-color-lightgray-004); + border-radius: 0.25rem; text-align: center; } #pagination .pagination-form select { - margin: 0 0.5rem; - padding: 0 0.25rem; + margin: 0 0.25rem 0 0.5rem; + padding: 0 2rem 0 0.25rem; font-size: 0.9em; display: inline-block; line-height: unset; width: unset; height: unset; + border: 1px solid var(--cmg-color-lightgray-001); + background-color: var(--cmg-color-lightgray-001); } #pagination .pagination-form option { padding: 0; } #pagination .pagination-form input[type="submit"] { width: auto; - margin: 0 0 0 2px; + margin: -3px 0 0 2px; padding: 0 4px; min-width: 0; min-height: 0; @@ -871,13 +876,19 @@ th.actions { top: 1px; } #pagination .btn-primary { - background-color: var(--cmg-color-green-006); - border-color: var(--cmg-color-green-005); + background-color: var(--cmg-color-blue-003); + border-color: var(--cmg-color-blue-002); } -#pagination .btn-primary:hover { +#pagination .btn-primary:hover, +#pagination .btn-primary:focus, +#pagination .btn-primary:active { background-color: var(--cmg-color-gray-001) !important; border-color: var(--cmg-color-black); } +#pagination div.submit, +#pagination div.select { + display: inline-block; +} ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder,