mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update styles of pagination

Browse source
This commit is contained in:
Mutasem 2022-04-01 14:53:37 +02:00
parent 31a3360b2d
commit 2c6dac6886
3 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/design-system/theme/src/common/var.scss
View file

@ -777,7 +777,7 @@ $table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
/* Pagination
-------------------------- */
/// fontSize||Font|1
$pagination-font-size: 13px;
$pagination-font-size: var(--font-size-2xs);
/// color||Color|0
$pagination-background-color: $color-white;
/// color||Color|0

10
packages/design-system/theme/src/pagination.scss
View file

@ -193,11 +193,12 @@
.btn-prev,
.btn-next,
.el-pager li {
margin: 0 5px;
background-color: var.$color-info-lighter;
color: var(--color-text-dark);
margin: 0 var(--spacing-5xs);
background-color: var(--color-background-xlight);
color: var(--color-text-base);
min-width: 30px;
border-radius: 2px;
border-radius: var(--border-radius-base);
border: var(--border-base);
&.disabled {
color: var(--color-text-lighter);
@ -216,6 +217,7 @@
.el-pager li:not(.disabled) {
&:hover {
color: var.$pagination-hover-color;
background-color: var(--color-foreground-light);
}
&.active {

3
packages/editor-ui/src/components/RunData.vue
View file

@ -182,11 +182,9 @@
background
:hide-on-single-page="true"
:current-page.sync="currentPage"
:small="true"
:pager-count="5"
:page-size="pageSize"
layout="prev, pager, next"
:class="$style.pagination"
:total="dataCount">
</el-pagination>
</div>
@ -831,7 +829,6 @@ export default mixins(
}
.pagination {
position: absolute;
width: 100%;
display: flex;
justify-content: center;