diff --git a/src/bundle/Resources/public/scss/_pagination.scss b/src/bundle/Resources/public/scss/_pagination.scss index 10c9c9c7ba..65a5287ab1 100644 --- a/src/bundle/Resources/public/scss/_pagination.scss +++ b/src/bundle/Resources/public/scss/_pagination.scss @@ -20,10 +20,10 @@ .page-item { @include pagination-item(); - } - .page-link { - @include pagination-link(); + .page-link { + @include pagination-link(); + } } } } diff --git a/src/bundle/Resources/public/scss/mixins/_pagination.scss b/src/bundle/Resources/public/scss/mixins/_pagination.scss index 58fb05e254..e2644369ec 100644 --- a/src/bundle/Resources/public/scss/mixins/_pagination.scss +++ b/src/bundle/Resources/public/scss/mixins/_pagination.scss @@ -25,6 +25,12 @@ &.active { font-weight: 600; + + .page-link { + color: $ibexa-color-dark; + border-color: transparent; + background-color: $ibexa-color-light-300; + } } &.prev { @@ -54,10 +60,14 @@ } &.disabled { - .page-link:before, - .page-link:after { - border-right-color: $ibexa-color-dark-200; - border-bottom-color: $ibexa-color-dark-200; + .page-link { + border-color: transparent; + + &:before, + &:after { + border-right-color: $ibexa-color-dark-200; + border-bottom-color: $ibexa-color-dark-200; + } } }