From 4662d9ca00cef11303c20ba509e9c50f389095bf Mon Sep 17 00:00:00 2001 From: Simon Malesys <simon.malesys@pasteur.fr> Date: Thu, 18 Jan 2024 15:34:46 +0100 Subject: [PATCH] Remove overused css rules --- src/client/components/AdvancedSearch.vue | 20 ++++---------------- src/client/components/SearchBar.vue | 3 --- 2 files changed, 4 insertions(+), 19 deletions(-) diff --git a/src/client/components/AdvancedSearch.vue b/src/client/components/AdvancedSearch.vue index a7b05fca..5cbb23f9 100644 --- a/src/client/components/AdvancedSearch.vue +++ b/src/client/components/AdvancedSearch.vue @@ -171,18 +171,15 @@ function removeFilter (filterChip: FilterChip): void { } .filter-chip { - border: 1px solid var(--primary); border-radius: 16px; + border: 1px solid var(--primary); color: var(--primary); - display: flex; - align-items: center; padding-left: 8px; } .filter-chip .remove-button { color: inherit; padding: 6px; - background: none; border: none; cursor: pointer; } @@ -192,16 +189,9 @@ function removeFilter (filterChip: FilterChip): void { } .advanced-search-button { - background: none; border: none; - color: var(--white); - cursor: pointer; margin-left: auto; - padding-top: calc(var(--spacing) / 2); - - &:hover { - color: var(--primary); - } + padding-right: 0; } .advanced-search-dialog h2 { @@ -244,12 +234,10 @@ function removeFilter (filterChip: FilterChip): void { .search-button { background-color: var(--primary); - border-radius: var(--radius); border: none; - color: var(--white); - cursor: pointer; font-weight: 700; height: 40px; - padding: 7px var(--spacing); + padding-left: var(--spacing); + padding-right: var(--spacing); } </style> diff --git a/src/client/components/SearchBar.vue b/src/client/components/SearchBar.vue index c18881fe..de3ec406 100644 --- a/src/client/components/SearchBar.vue +++ b/src/client/components/SearchBar.vue @@ -110,10 +110,7 @@ function fetchAntibodies (): void { .search-button { background-color: var(--primary); - border-radius: var(--radius); border: none; - color: var(--white); - cursor: pointer; font-weight: bold; padding: calc(var(--spacing) / 2) var(--spacing); } -- GitLab