Pagination style updated

tank0226 · Apr 14, 2021 · abb69c5 · abb69c5
1 parent 5d2ab97
commit abb69c5
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/app/Resources/static/themes/material/css/dark_theme.scss b/app/Resources/static/themes/material/css/dark_theme.scss
@@ -25,7 +25,10 @@
 
   .dropdown-content li:hover,
   .dropdown-content li.active,
-  .dropdown-content li.selected {
+  .dropdown-content li.selected,
+  .pagination li:not(.active) a:hover,
+  .pagination li:not(.active) a:active,
+  .pagination li:not(.active) a:focus {
     background-color: #2c2c2c;
   }
 
@@ -109,6 +112,10 @@
     border-color: #222;
   }
 
+  .pagination li.active {
+    background-color: #666;
+  }
+
   @media only screen and (min-width: 992px) {
     #article {
       background-color: #101010;

diff --git a/app/Resources/static/themes/material/css/entries.scss b/app/Resources/static/themes/material/css/entries.scss
@@ -77,6 +77,16 @@
 
   li {
     padding: 0;
+
+    &:not(.active) a:hover,
+    &:not(.active) a:active,
+    &:not(.active) a:focus {
+      background-color: #e6e6e6;
+    }
+
+    &:not(:last-of-type) {
+      margin-right: 10px;
+    }
   }
 
   span,