added in pagination for search result requests

2021-10-19 16:27:24 +01:00
parent 624a6cc9a9
commit 081321452f
21 changed files with 1162 additions and 356 deletions
@@ -1379,3 +1379,118 @@ ul#sharePageLinks.active {
        }
    }
 }
+
+.paginationWrapper {
+    @media screen and (max-width: 768px) {
+        display: flex;
+    }
+
+    .paginationPrevious {
+        text-align: left;
+
+        .leftTextButton {
+            font-weight: bold;
+
+            &:before {
+                content: "";
+                background-image: url(/assets/images/arrow-left--black.svg);
+                padding: 0 0 0 20px;
+                background-repeat: no-repeat;
+                background-position: left center;
+            }
+
+            &.activePaginationItem {
+                color: #b80d0d;
+                &:before {
+                    content: "";
+                    background-image: url(/assets/images/arrow-left--active.svg);
+                }
+            }
+
+            @media screen and (max-width: 768px) {
+                &.activePaginationItem {
+                    color: $white;
+                    &:before {
+                        content: "";
+                        background-image: url(/assets/images/arrow-left--white.svg);
+                    }
+                }
+                background-color: $black;
+                color: #ffffff;
+                font-size: 20px;
+                font-weight: bold;
+                padding: 15px 20px 15px 20px !important;
+                -webkit-transition: all 0.2s ease-in;
+                -moz-transition: all 0.2s ease-in;
+                transition: all 0.2s ease-in;
+                width: max-content;
+                &:link {
+                    color: $white;
+                }
+            }
+        }
+    }
+
+    .paginationContainer {
+        text-align: center;
+        .activePaginationItem {
+            color: #b80d0d;
+        }
+        @media screen and (max-width: 768px) {
+            display: none;
+        }
+    }
+
+    .paginationNext {
+        text-align: right;
+
+        .rightTextButton {
+            font-weight: bold;
+
+            &:after {
+                content: "";
+                background-image: url(/assets/images/arrow-right--black.svg);
+                padding: 0 0 0 20px;
+                background-repeat: no-repeat;
+                background-position: 5px;
+            }
+
+            &.activePaginationItem {
+                color: #b80d0d;
+                &:after {
+                    content: "";
+                    background-image: url(/assets/images/arrow-right--active.svg);
+                }
+            }
+            @media screen and (max-width: 768px) {
+                &.activePaginationItem {
+                    color: #ffffff;
+                    &:after {
+                        content: "";
+                        background-image: url(/assets/images/arrow-right--white.svg);
+                    }
+                }
+                background-color: $black;
+                color: #ffffff;
+                font-size: 20px;
+                font-weight: bold;
+                padding: 15px 15px 15px 20px !important;
+                -webkit-transition: all 0.2s ease-in;
+                -moz-transition: all 0.2s ease-in;
+                transition: all 0.2s ease-in;
+                margin-left: 20px;
+                width: max-content;
+                &:link {
+                    color: $white;
+                }
+            }
+        }
+    }
+}
+.mobilePageCount {
+    margin-top: 40px;
+    margin-bottom: 20px;
+    @media screen and (min-width: 768px) {
+        display: none;
+    }
+}