style: update css (#22)

rekalogika · Apr 2, 2024 · d929457 · d929457
1 parent bcbfd69
commit d929457
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/packages/rekapager-bundle/templates/bootstrap5.html.twig b/packages/rekapager-bundle/templates/bootstrap5.html.twig
@@ -45,7 +45,7 @@
 {%- endblock -%}
 
 {%- block gap -%}
-    <li class="page-item disabled" {% if help %}title="{{ help }}"{% endif %}>
-        <a class="page-link" href="#">{{- block("label_gap") -}}</a>
+    <li class="page-item" {% if help %}title="{{ help }}"{% endif %}>
+        <span class="page-link">{{- block("label_gap") -}}</span>
     </li>
 {%- endblock -%}
diff --git a/packages/rekapager-bundle/templates/default.html.twig b/packages/rekapager-bundle/templates/default.html.twig
@@ -19,12 +19,21 @@
             text-decoration: none;
         }
 
+        #{{ id }} .pagination span.gap {
+            display: block;
+            padding: 0.5em 0.3em;
+            margin: 0 0.1em;
+            border: none;
+            border-radius: 0.2em;
+            text-decoration: none;
+        }
+
         #{{ id }} .pagination a[aria-current="page"] {
             background-color: #333;
             color: #fff;
         }
 
-        #{{ id }} .pagination a.disabled {
+        #{{ id }} .pagination .disabled {
             background-color: #ddd;
             color: #555;
         }
@@ -39,8 +48,6 @@
 
 {%- block gap -%}
     <li>
-        <a href="#" class="disabled">
-            {{- block("label_gap") -}}
-        </a>
+        <span class="gap">{{- block("label_gap") -}}</span>
     </li>
-{%- endblock -%}
+{%- endblock -%}