Merge pull request #214 from nih-sparc/update-filter-button-styling

updated filter button styling
nih-sparc · Oct 10, 2024 · dfff9c1 · dfff9c1
2 parents 2f813a4 + 702aa75
commit dfff9c1
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/components/FilesTable/FilesTable.vue b/components/FilesTable/FilesTable.vue
@@ -124,6 +124,7 @@
           :filters="getFileTypeFilters(data)"
           :filter-method="fileTypeFilterStatus"
           filter-placement="top-start"
+          filter-class-name="file-type-filter"
         >
           <template #header="{ column }">
             <span class="custom-header">
@@ -1137,4 +1138,11 @@ export default {
   width: -webkit-fill-available;
   height: 1rem;
 }
+:global(.file-type-filter .el-table-filter__bottom button) {
+  background-color: $purple;
+  color: white;
+  border-radius: 10%;
+  margin-right: .25rem;
+  padding: .2rem .3rem .2rem .3rem;
+}
 </style>