github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 09:19:04 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix pagination styling due to EUI changes (#17823) (#18555)

Browse source
This commit is contained in:
Tim Roes 2018-04-25 17:52:57 +02:00 • committed by GitHub
parent 74be884eb2
commit 19a5def7f7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/ui/public/partials/paginate_controls.html
View file

@ -16,20 +16,26 @@
<button
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
ng-click="paginate.goToPage(page.prev)"
>«</button>
>
<span class="euiButtonEmpty__content">«</span>
</button>
</li>
<li ng-style="{'visibility':'visible'}" ng-if="!page.first">
<button
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
ng-click="paginate.goToPage(page.prev)"
>«</button>
>
<span class="euiButtonEmpty__content">«</span>
</button>
</li>
<li ng-if="!otherPages.containsFirst">
<button
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
ng-click="paginate.goToPage(1)"
>1</button>
>
<span class="euiButtonEmpty__content">1</span>
</button>
...
</li>
@ -42,7 +48,7 @@
ng-class="{ 'euiPaginationButton-isActive': other.number === page.number }"
ng-click="paginate.goToPage(other)"
>
{{other.number}}
<span class="euiButtonEmpty__content">{{other.number}}</span>
</button>
</li>
@ -51,20 +57,26 @@
<button
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
ng-click="paginate.goToPage(page.count)"
>{{page.count}}</button>
>
<span class="euiButtonEmpty__content">{{page.count}}</span>
</button>
</li>
<li ng-style="{'visibility':'hidden'}" ng-if="page.last">
<button
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
ng-click="paginate.goToPage(page.next)"
>»</button>
>
<span class="euiButtonEmpty__content">»</span>
</button>
</li>
<li ng-style="{'visibility':'visible'}" ng-if="!page.last">
<button
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
ng-click="paginate.goToPage(page.next)"
>»</button>
>
<span class="euiButtonEmpty__content">»</span>
</button>
</li>
</ul>
</div>