fix rows per page dropdown visibility

telosnetwork · Jan 3, 2024 · 676480a · 676480a
1 parent bd4bf8a
commit 676480a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/evm/TableControls.vue b/src/components/evm/TableControls.vue
@@ -93,7 +93,7 @@ function changePageNumber(direction: 'next' | 'prev' | 'first' | 'last') {
             @keypress.space.enter.prevent="showRowsPerPageDropdown = !showRowsPerPageDropdown"
         >
             <q-popup-proxy ref="rowsPerPagePopup" transition-show="scale" transition-hide="scale">
-                <q-list>
+                <q-list class="c-table-controls__rows-per-page-list">
                     <q-item v-for="size in rowsPerPageOptions" :key="size" class="cursor-pointer">
                         <q-item-section
                             tabindex="0"
@@ -179,5 +179,9 @@ function changePageNumber(direction: 'next' | 'prev' | 'first' | 'last') {
             margin: unset;
         }
     }
+
+    &__rows-per-page-list {
+        background: $white;
+    }
 }
 </style>