From f40c41d1d4dfde97a1f2d7d8a97bc4fbc5a5fcf4 Mon Sep 17 00:00:00 2001
From: Lukasz Ostafin <ostafin.lucas@gmail.com>
Date: Wed, 14 Aug 2024 13:35:04 +0200
Subject: [PATCH] IBX-8768: Add specific prefixes to all CSS (standalone app)

---
 .../Resources/public/scss/_pagination.scss     |  6 +++---
 .../public/scss/mixins/_pagination.scss        | 18 ++++++++++++++----
 2 files changed, 17 insertions(+), 7 deletions(-)

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;
+            }
         }
     }